Florian Reichert: Bild und Text mit css ausrichten:

Beitrag lesen

Hi Florian,

Das Problem: Die Schrift ist immer oben, nicht unten. Ich dachte vertical-align: bottom solllte ausreichen ....

Möglichkeit 1:

<div style="vertical-align: bottom; height: 72px; padding: 4pt; text-align: right;  background-color: #333399">

  • padding-top:55px (Wert geschätzt, ggf. anpassen)

Das Problem ist, daß es sich bei dem Text um eine Reihe von Links handelt, die je nach Fensterbreite und Schriftgröße des Systems breiter als eine Spalte ist. Dann soll der Text in einer Zeile darüber anfangen, also:

text text text
text text text text text text

Du definierst display:block für alle Links, damit margin-top: greift und sie nach unten drückt. Ich habe den Code etwas umgeschrieben und die Style-Definitionen für <div>, <a> und <img> zentral zuammengefasst. [...]

Ist klar, das ganze soll kommt nachher in eine css Datei.

CSS:

[...]

#deindiv a { display:block; margin:55px 5px 1px 5px; float:left; color:#fff }

Danke, auf die Idee war ich garn nicht gekommen, auch wenn das oben gesagte (Zeilenumbruch) auch hier gilt. Außerdem sind nicht alles links (die aktuell besuchte Seite nicht)

[...] Der Alternativtext ist wenig aussagekräftig [...]

Hilft aber die validatoren des W3C zu überzeugen ... ;)

Grüße,
 Roland

Vielen Dank und Gruß Florian.

P.S. Ich werde also vermutlich doch bei einer Tabelle mit valign=bottom bleiben müssen, irgendwie schade, hatte gedacht, daß würde mit css besser klappen....