Gruppen
- Top Gruppen
- Betriebsysteme
- Windows classik
- Linux
- BS-Sonstige
- Software
- Datenbanken
- Bildbearbeitung
- Audio/mp3/Video
- Security/Viren
- SW-Sonstige
- Hardware
- Mainboard/CPU
- Grafikkarten
- Peripherie
- Laptop/Notebook
- HW-Sonstiges
- Netzwerk
- Telefon,ISDN,Modem
- W-Lan
- NW-Sonstiges
- Programmierung
- PHP,ASP,Perl...
- Java,C++...
- Webseiten/HTML
- Sonstiges
- PC-Sonstiges
- Plauderecke
- SN Intern
- Test
/ Forum / Webseiten/HTML
Webseiten/HTML
Fragevon dieBerta vom 07.03.2019, 22:36 Options
CSS: Text an rechter Unterkante eines Bildes platzieren?
Hallo,
ich möchte eine Bildergalerie erstellen, in der alle Bilder untereinander aufgereiht sind.
Neben jedem Bild steht ein kurzer Text. Der Text soll aber mit der Unterkante des Bildes bündig sein.
Ich möchte dafür keine Tabelle erstellen.
Wie stelle ich das an?
Grüßle
Danke
Ursula
ich möchte eine Bildergalerie erstellen, in der alle Bilder untereinander aufgereiht sind.
Neben jedem Bild steht ein kurzer Text. Der Text soll aber mit der Unterkante des Bildes bündig sein.
Ich möchte dafür keine Tabelle erstellen.
Wie stelle ich das an?
Grüßle
Danke
Ursula
Antwort 1 von rfb vom 08.03.2019, 08:26 Options
schon bei SelfHTML geschaut: Grafiken ausrichten?
Antwort 2 von rfb vom 08.03.2019, 08:27 Options
sorry - vergaß zu erwähnen: auf der Seite nach unten scrollen, dort werden die entsprechenden CSS-Eigenschaften aufgelistet.
Antwort 3 von dieBerta vom 08.03.2019, 15:43 Options
hallo,
vielen Dank, aber das geht nicht ...
der Text ist zwar rechts vom Bild, aber nicht bündig mit der unterkannte ...
:-(
n anderer trick???
vielen Dank, aber das geht nicht ...
der Text ist zwar rechts vom Bild, aber nicht bündig mit der unterkannte ...
:-(
n anderer trick???
Antwort 4 von rfb vom 08.03.2019, 16:10 Options
Zitat:
aber das geht nicht ...
was geht nicht?aber das geht nicht ...
Deine Problembeschreibung ist hier möglicherweise ein klein bisschen unkonkret. Genau genommen ist der Info-Gehalt gleich Null!
Antwort 5 von dieberta vom 08.03.2019, 17:47 Options
Ok.
Ich versuche es präziser:
Ein Bild, hochformat, 270 px hoch. Rechts von dem Bild stehen 3 Zeilen Text.
Darunter eine horizontaler Linie, nächster Absatz.
Bild 2, 310 px hoch. Rechts davon stehen drei Zeilen Taxt.
hr, Absatz ... etc.
Der Text soll nicht bündig mit der Oberkante des Bildes sein, sondern mit der Unterkante. Da die Bilder unterschiedlich hoch sind, und ich manchmal drei manchmal 4 Textzeilen habe, brauche ich etwas Variables.
Möglichkeit 1:
<table>
<tr><td>Bild</td> <td valign=bottom>Text>
</table>
Oder:
img src="denker.png" width="70" height="137" style="vertical-align:text-bottom"
das geht aber nur bei EINER Zeile Text.
Die zweite Textzeile steht dann wiederum unter dem Bild.
Gibt es denn kein <div style=vertical-align:bottom ...?
Grüßle
Ursula
Ich versuche es präziser:
Ein Bild, hochformat, 270 px hoch. Rechts von dem Bild stehen 3 Zeilen Text.
Darunter eine horizontaler Linie, nächster Absatz.
Bild 2, 310 px hoch. Rechts davon stehen drei Zeilen Taxt.
hr, Absatz ... etc.
Der Text soll nicht bündig mit der Oberkante des Bildes sein, sondern mit der Unterkante. Da die Bilder unterschiedlich hoch sind, und ich manchmal drei manchmal 4 Textzeilen habe, brauche ich etwas Variables.
Möglichkeit 1:
<table>
<tr><td>Bild</td> <td valign=bottom>Text>
</table>
Oder:
img src="denker.png" width="70" height="137" style="vertical-align:text-bottom"
das geht aber nur bei EINER Zeile Text.
Die zweite Textzeile steht dann wiederum unter dem Bild.
Gibt es denn kein <div style=vertical-align:bottom ...?
Grüßle
Ursula
Ähnliche Themen
CSS - Container im IE größer als angegeben
sutadur 05.03.2007 - 71 Hits - 10 Antworten
CSS und Forefox 2.0.0.2
SilverTiger 10.03.2007 - 95 Hits - 26 Antworten
CSS: Text an rechter Unterkante eines Bildes platzieren?
dieBerta 07.03.2007 - 63 Hits -
eigene klasse in css
TByte 11.04.2008 - 73 Hits - 34 Antworten
Hinweis
Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..
Neue Einträge
