Willkommen in der Webstatt Zum Webstatt Blog und Stories
trefixxx am 10.07.06 13:40

Planlos:
Ich kann das Datum nicht rechts ausrichten. Anscheinend will <span> nicht so ganz.

<dt class="infobar">
<span class="infobar_text">
<img src="images/cat.gif" alt="Category" /> Category
<img src="images/comment.gif" alt="Comment" /> Comments
<span style="text-align: right;">Das Datum'</span>
</dt>
<dd>
TEST TEST TEST TEST
</dd>


.infobar {
background-image: url(../images/content_head.gif);
width: 364px;
height: 20px;}

.infobar_text {
vertical-align:middle;
padding: 4px;}


Kann mir da jemand helfen?

netcup.de Warum gibt es hier Werbung?
milahu milahu am 10.07.06 13:46

Pfui, inline style Angaben.

<span> ist ein inline Element, passt sich also von der Breite her seinem Inhalt an. Für text-align
bleibt so einfach kein Platz mehr.. ;)

Probier mal float:right.

brainnrg am 10.07.06 13:46

Also ich würd mal sagen das span hilft gar nix wen du keine längenangabe (width) machst.

Gibst du nichts an passt sich span genau dem darinstehenden Objekt (Text) an.
Wenn du jetzt ne Rechts ausrichtung machst kann auch nix passieren da es ja sowieso am linken und am rechten Rand ansteht da is genauso groß is wie das was drin ist.

Mach mal ein width rein und dann Versuchs nochmal.

trefixxx am 10.07.06 14:00

float:right funktioniert soweit, springt aber komischerweise eine zeile nach unten.

Auch mit width funktioniert da nichts...

milahu milahu am 10.07.06 14:31

Dann definier für das Zeuch links float:left oder zieh das Datum mit negativem margin nach oben.

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt