[CSS] links- und rechtsbündiger Text in einer Zeile

[zerafin]

Huhu zusammen,
ich möchte gerne auf einer Seite unten die Links "zurück" und "weiter" jeweils links- bzw. rechtsbündig anzeigen. Der Benutzer soll dadurch die Möglichkeit haben, schnell durch die Seiten zu springen.

Ich habe im Moment folgende CSS-Klassen:

.bottomright {
	margin-top : 6;
	width : 700;
	text-align : right;
	vertical-align : top;
	font-weight : bold;
}

.bottomleft {
	width : 700;
	text-align : left;
	vertical-align : top;
}

Das klappt auch alles prima. Die beiden Links werden allerdings in zwei Zeilen untereinander angezeigt. Geht das auch in einer Zeile?

Ich hab mich noch nicht viel mit CSS beschäftigt... vielleicht ist es ja nur ein Attribut?

Danke für jede Hilfe!

Gruß, Zera

 

[tleilax]

Lass einen der beiden floaten:

<div style="text-align: right;">
  <span style="float: left;">links</span>
  <span>rechts</span>
</div>

 

[zerafin]

Danke tleilax, das funktionioniert.

Ich bekomme es aber nicht auf meine 2 Klassen übertragen... Kann es sein, dass meine Angabe der Breite das Problem ist?

Gruß, Zera

 

[tleilax]

Wenn Du's nicht im 'nem Span hast, kann das gut sein. Ich weiss ja nun nicht, wie der Teil bei Dir aufgebaut ist, aber evtl kannst Du ja (meinem Beispiel folgend) dem übergeordneten Div die Breite geben und innerhalb von diesem nur mit Spans arbeiten.

 

[zerafin]

Daran hatte ich garnicht gedacht. Ich habe jetzt einfach dem Body die Breite 700 gegeben und in allen Klassen die Breite ungesetzt gelassen. So klappt es toll.

Vielen Dank für die Hilfe tleilax!

Gruß, Zera