nicht angemeldet
Bild in <div> unten ausrichten
Liebe ForumsbesucherInnen,
Ich bin gerade dabei eine Seite mit HTML und CSS zu programmieren.
Ich habe eine CSS-Datei angelegt: 'styles.css' Und ich habe eine HTML-Datei: 'index.htm' (und weitere). Im Quelltext der HTML-Datei wird die CSS-Datei aufgerufen.
Um verschiedene Blockelemente auszurichten habe ich den entsprechenden Quelltext in der CSS-Datei. Es soll unter anderem ein Blockelement rechts ausgerichtet werden. das sieht so aus:
#rechts {
position:absolute;
top:15%;
left:80%;
width:20%;
height:85%;
background-color:#8989e8;
}
... und funktioniert. Nun soll an dessen unteren rechten Rand mit CSS ein Bild 'bild.gif' ausgerichtet werden.
Dafür existiert die CSS-Klasse "rechts" (Ich denke hier liegt irgendwo der Fehler!?)
.rechts {
text-align:right;
vertical-align:bottom;
}
Im HTML-Text steht dann:
<div id="rechts" class="rechts">
<img src="bild.gif">
</div>
Das Bild wird aber nicht am unteren Rand des Blockelements ausgerichtet, sondern bleibt oben. Rechts ausgerichtet wird es.
WAS HABE ICH FALSCH GEMACHT?
Dank im Voraus,
Kuler
-
hi,
WAS HABE ICH FALSCH GEMACHT?
vertical-align nicht verstanden, bzw. worauf es anwendbar ist und worauf nicht.
kannst ja stattdessen position auch für das bild nutzen, wenn es sich eh schon in einem positionierten element befindet.
gruß,
wahsaga--
"Look, that's why there's rules, understand? So that you _think_ before you break 'em."-
WAS HABE ICH FALSCH GEMACHT?
vertical-align nicht verstanden, bzw. worauf es anwendbar ist und worauf nicht.scheint so. ich hab snochmal nachgelesen und das hat mich auf neue idee gebracht.
kannst ja stattdessen position auch für das bild nutzen, wenn es sich eh schon in einem positionierten element befindet.
hab in den div eine tabelle mit einer zelle eingefügt und die unten ausgerichtet.
es dankt für die anregungen
...kuler
-