© Bakual

Mobile Ansicht

Mehr
6 Jahre 1 Monat her #4135 von Andreas Lang
Mobile Ansicht wurde erstellt von Andreas Lang
Hallo,

stehe jetzt kurz vor der Veröffentlichung folgender Seite: www.tiemann-performancehorses.de/cms . Habe jetzt noch folgendes Problem. Denke es hängt mit den Tabellen zusammen. In der mobilen Ansicht verschiebt er mir Spalten recht unkomfortabel und es ist nicht mehr funktionsfähig. Wie z.B. wenn man auf den Menüpunkt Hengste geht, werden dort die Hengstbilder angezeigt um dann zum jeweiligen Hengst zu kommen per klick. Wenn ich diese im Tablet anzeige werden sie immer mit nem freien Platz angezeigt. Die Bilder sind alle in der gleichen größe. Auf diversen Inhaltseiten indem ich gleichfalls mit Tabellen arbeite werden die Spalten ebenfalls so verschoben daß kein Überblick mehr besteht. Kannst du mir da helfen wie ich dies ändern kann.

Danke im Voraus

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
6 Jahre 1 Monat her #4136 von Thomas Hunziker
Dass die Bilder untereinander geraten wenn das Fenster kleiner wird ist soweit normal. Um das zu verhindern müsstest du eine richtige Tabelle nehmen statt deinem <p> und <span> Konstrukt.
Eine Tabelle würde ich aber nicht verwenden weil du dann auf Handies nach rechts scrollen musst. Das ist nicht wirklich ideal. Netter ists wenn es schön definiert die Bilder ab einer bestimmten Fenstergrösse untereinander macht statt nebeneinander.
Diesen Effekt könntest du am einfachsten erreichen mittels dem Spaltenfeature des Templates. Siehe www.bakual.net/dokumentation/typography.html#spalten

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
6 Jahre 2 Wochen her #4212 von Andreas Lang
Andreas Lang antwortete auf Mobile Ansicht
Hallo Thomas,

leider bin ich kein Programmierprofi. Habe jetzt versucht die Geschichte mit den Spaltenfeatures anzugehen. Leider ohne Erfolg. Das liegt warscheinlich an meinen mangelnden Programmierkenntnissen. Also ich glaube die beste Lösung wäre echt daß wenn der Bildschirm kleiner wird als dass es die 3 Spalten zulässt dann alles unterhalb in eine Spalte. Es handelt sich um die Seite www.tiemann-performancehorses.de Und hier z.B. die Seite Hengste. Hier sind Bilder die verlinkt sind. Wo muss ich hier welchen Code einfügen. Für deine Hilfe im Voraus besten Dank

Andreas

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
6 Jahre 2 Wochen her #4213 von Thomas Hunziker
Die erste Zeile sähe dann so aus:
Code:
<div class="col-3"> <div> <img onmouseover="this.src='/images/Hengste/Mouseover/A_Sparkling_Vintage_-_Mouseover_-_Höhe_420Pixelmit_Logo2.png';" onmouseout="this.src='/images/Hengste/A-Sparkling-Vintage---Hhe-380-Pixelmit-Logo2.png';" src="/images/Hengste/A-Sparkling-Vintage---Hhe-380-Pixelmit-Logo2.png" alt=""> </div> <div> <a href="/ace-mistr-tinseltown" rel="alternate"> <img onmouseover="this.src='/images/Hengste/Mouseover/ACE_Mistr_Tinseltown_-_Mouseover_-_Höhe_420Pixelmit_Logo2.png';" onmouseout="this.src='/images/Hengste/ACE-Mistr--Hhe380Pixel-mit-Logo.png';" src="/images/Hengste/ACE-Mistr--Hhe380Pixel-mit-Logo.png" alt=""> </a> </div> <div> <a href="/arc-gunnabeabigstar"> <img onmouseover="this.src='/images/Hengste/Mouseover/ARC_GunnaBeABigStar_-_Mouseover_-_Höhe_420Pixelmit_Logo2.png';" onmouseout="this.src='/images/Hengste/ArcGunnaBeABigStar---Hhe380Pixel.jpg';" src="/images/Hengste/ArcGunnaBeABigStar---Hhe380Pixel.jpg" alt="Zum Artikel mit Doppelklick"> </a> </div> </div>

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Ladezeit der Seite: 0.150 Sekunden