Webstatt.org - Community seit 2006 - 2012 (2024?)

Ausrichtung

user-333
10.07.2006 11: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?

Avatar user-255
10.07.2006 11: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.. zwinkern

Probier mal float:right.

Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm
user-140
10.07.2006 11: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.

user-333
10.07.2006 12:00

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

Auch mit width funktioniert da nichts...

Avatar user-255
10.07.2006 12:31

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

Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm