nicht angemeldet
Text unter einem Bild in einem Link zentrieren
0 
Matthias Apsel
0 
Gunnar Bittersmann
0 0 
suit
0 Gunnar Bittersmann
0 suit
0
Text unter einem Bild in einem Link zentrieren
Hallo!
Ich habe einen Link und der wird als Bild mit Text darunter auf dem Bildschirm dargestellt. Das Problem ist, dass ich nicht weiss, wie man den Text unter dem Bild verschieben bzw. zentrieren kann. mit Align geht es wohl nicht. Wer kann mir da irgendwie helfen?
Gruss Eric N. Falbe
-
Om nah hoo pez nyeetz, Eric Norbert Falbe!
Ich habe einen Link und der wird als Bild mit Text darunter auf dem Bildschirm dargestellt. Das Problem ist, dass ich nicht weiss, wie man den Text unter dem Bild verschieben bzw. zentrieren kann. mit Align geht es wohl nicht. Wer kann mir da irgendwie helfen?
<figure>
<img>
<figcaption></figcaption>
</figure>Inline Elemente lassen sich mit text-align für das Elternelement zentrieren.
Matthias
--
1/z ist kein Blatt Papier.
-
@@Matthias Apsel:
nuqneH
Inline Elemente lassen sich mit text-align für das Elternelement zentrieren.
Damit die Bildunterschrift zentriert zum Bild ist, sollte der figure-Container aber die Breite des Bildes haben.
Entweder shrink to fit (was bei längeren Bildunterschriften nicht funktioniert) oder explizit auf die Bildbreite setzen (bye, bye, responsive design).
Qapla'
--
„Perfektion ist nicht dann erreicht, wenn es nichts mehr hinzuzufügen gibt, sondern wenn man nichts mehr weglassen kann.“ (Antoine de Saint-Exupéry)-
Hi,
Entweder shrink to fit (was bei längeren Bildunterschriften nicht funktioniert) oder explizit auf die Bildbreite setzen (bye, bye, responsive design).
responsive != fluid
Um "rumspringen" des Seiteninhalts beim nachladen der Bilder zu vermeiden finde ich es fast immer sinnvoll beim Bild (bzw. in diesem Fall beim Bildcontainer) feste Maße anzugeben.
~dave
-
Entweder shrink to fit (was bei längeren Bildunterschriften nicht funktioniert) oder explizit auf die Bildbreite setzen (bye, bye, responsive design).
responsive != fluid
Ja - aber trotzdem bye, bye - sowohl für responsive als auch für fluid.
Um "rumspringen" des Seiteninhalts beim nachladen der Bilder zu vermeiden finde ich es fast immer sinnvoll beim Bild (bzw. in diesem Fall beim Bildcontainer) feste Maße anzugeben.
Ehschowissn: bye, bye
-
-
@@Gunnar Bittersmann:
nuqneH
oder explizit auf die Bildbreite setzen (bye, bye, responsive design).
Thinking first!
Breite für
figuresetzen, gern in %, verschiedene Werte für verschiedene Media-Queries.figure img { width: 100% }Hello, responsive design.
Qapla'
--
„Perfektion ist nicht dann erreicht, wenn es nichts mehr hinzuzufügen gibt, sondern wenn man nichts mehr weglassen kann.“ (Antoine de Saint-Exupéry)-
figure img { width: 100% }Hello, responsive design.
Das herumspringen des Layouts beim Laden der Bilder verhinderst du damit aber nicht :)
Man darf also mit einem lachenden und einem weinenden Auge winken :D
-
-
-
Danke Matthias!
Jetzt ist die Unterschrift endlich unter dem Bild.
Wer sich das Ergebnis ansehen will; hier ist der Link zu der Webseite, die ich gerade bearbeite:
http://enf.kilu.de/Technik/Auto/Ford/Escort/Ghia/Bilder.html
Leider wird das zweite Bild in die naechste Zeile darunter gesetzt.
Was kann ich tun, damit es in die selbe Zeile kommt?-
@@Eric Norbert Falbe:
nuqneH
Leider wird das zweite Bild in die naechste Zeile darunter gesetzt.
Was kann ich tun, damit es in die selbe Zeile kommt?Qapla'
--
„Perfektion ist nicht dann erreicht, wenn es nichts mehr hinzuzufügen gibt, sondern wenn man nichts mehr weglassen kann.“ (Antoine de Saint-Exupéry)
-
-