Hallo liebe Forengemeinde,
ich habe wahrscheinlich ein Anfängerproblem. Für einen Freund habe ich eine Webseite (Album Responsive Bistro) erstellt. Die Seiten sind überwiegend so aufgebaut:
3 Spalten jede Spalte Überschrift, darunter Foto, darunter Link.
Beim Ansehen auf dem Smartphone passiert folgendes: Zuerst kommen die Überschriften aus den 3 Spalten, dann die Fotos mit den dazugehörenden Links. Ich vermute, dass es daran liegt, dass die Überschriften in einer Reihe über den Fotos plaziert sind. Natürlich könnte ich die Überschrift in die Bildbeschreibung integrieren - will ich aber nicht.
Ich bin ratlos, gibt es eine Lösung? 
Vorab Danke.
Darstellung auf Smartphone
-
Hallo Weha,
bei der responsiven Anpassung werden, sobald nebeneinander kein Platz mehr für die 3 Artikel ist, diese untereinander platziert. Da du in der ersten Reihe 3 Textartikel (Überschriften) nebeneinander platziert hast, werden diese responsive untereinander dargestellt, bevor die Darstellung der 2. Reihe mit den 3 Bildern beginnt. Nutze das Widget "Text", dieses hat automatisch eine Überschrift, es können Bilder eingefügt werden und die Bilder selber können auch noch mit einem Link versehen werden. Wenn Du jetzt 3 solcher Textartikel nebeneinander stellt, besteht der einzelne Artikel aus Überschrift, Bild und Link. Bei responsiver Darstellung wird dann zunächst Textartikel 1 (Überschrift, Bild, Link), dann Artikel 2 und dann Artikel 3 dargestellt. Ich hab das mal schnell - ohne auf Schönheit zu achten - nachgebaut auf https://community.zeta-producer.com/www.test.hanabi-pirna.de
Die responsive Darstellung kannst Du simulieren, indem Du das Browserfenster verkleinerst. -
Ich denke, das sollte (ab ZP 13) über die Container gelöst werden, da werden die Spalten im Mobile nacheinander aufgeführt.
Schau mal unter
http://ermashop.cyon.link/preview-domain/Ich übe noch daran, auf Desktop sieht es noch nicht gut aus, aber die Umsetzung auf Mobile ist korrekt, mit Titel, Bild, Text untereinander.
-
Hallo Hanabi,
danke für deine Antwort; sie ist klasse und beseitigt mein Problem.Super
Noch einen schönen Abend
Weha(PS ich muß jetzt ca. 80 Bilder umstellen
)
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!