[Erledigt] inline einzelne Elemente Rechts ausrichten

RustyXXL · 02.09.2010, 14:31

Moin, ich habe folgenden HTML-Quellcode

Code:

<div id="menu">
	<ul class="clearfix">
		<li class="sectionheader">
			<span class="leading">0 </span>
			"Sektion 1"
			<span class="append"> Section</span>
		</li>
		<li><a href="http://example.com/seite1/">Menupunkt 1</a></li>
		<li class="sectionheader">
			<span class="leading">0 </span>"Sektion 2"
			<span class="append"> Section</span>
		</li>
		<li><a href="http://example.com/seite2/">Menupunkt 2</a></li>
		<li><a href="http://example.com/seite3/">Menupunk 3</a></li>
	</ul>
</div>

Nun würde ich gerne nur die <span class="append"> per CSS rechtsbündig inline ausrichten, während der rest in der gleichen Zeile Linksbündig ausgerichtet steht.
Meine bisherigen Versuche mit display:block; oder width haben mich nicht wirklich weiter gebracht, das einzige was ich bisher schaffe ist, dass es in einer neuen Zeile rechtsbündig ausgerichtet wird.
Ich verzweifel gerade ein wenig daran...
CSS ist irgendwie nicht wirklich mein Ding habe ich den Eindruck...*g*

ChrisB · 02.09.2010, 14:35

Reihenfolge im Quelltext ändern, und dann floaten.

Bei vorhersehbarer Breite und damit geringer Gefahr von Überlappungen ist auch absolute Positionierung anwendbar.

RustyXXL · 02.09.2010, 14:46

Danke für die schnelle Hilfe, hat einwandfrei geklappt

Damit Erledigt

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
CSS: Text an zentriertem Text rechts ausrichten	rocco	HTML, Usability und Barrierefreiheit	5	18.04.2009 09:00
spalte rechts ausrichten, text aber trotzdem linksbündig	Crypi	HTML, Usability und Barrierefreiheit	5	14.09.2006 11:35
Einzelne Elemente auf Webseite refreshen?!	cebe	HTML, Usability und Barrierefreiheit	3	10.11.2005 11:28
internet explorer kann nichts rechts ausrichten	janni	HTML, Usability und Barrierefreiheit	6	24.05.2005 17:27
einzelne elemente eines arrays gehn verloren bei "inclu		PHP Tipps 2005	2	16.03.2005 23:32
[Erledigt] unten rechts ausrichten lassen		HTML, Usability und Barrierefreiheit	2	19.02.2005 22:34

02.09.2010, 14:31
RustyXXL Erfahrener Benutzer Registriert seit: 03.03.2010 Beiträge: 221 PHP-Kenntnisse: Fortgeschritten	[Erledigt] inline einzelne Elemente Rechts ausrichten Moin, ich habe folgenden HTML-Quellcode Code: <div id="menu"> <ul class="clearfix"> <li class="sectionheader"> <span class="leading">0 </span> "Sektion 1" <span class="append"> Section</span> </li> <li><a href="http://example.com/seite1/">Menupunkt 1</a></li> <li class="sectionheader"> <span class="leading">0 </span>"Sektion 2" <span class="append"> Section</span> </li> <li><a href="http://example.com/seite2/">Menupunkt 2</a></li> <li><a href="http://example.com/seite3/">Menupunk 3</a></li> </ul> </div> Nun würde ich gerne nur die <span class="append"> per CSS rechtsbündig inline ausrichten, während der rest in der gleichen Zeile Linksbündig ausgerichtet steht. Meine bisherigen Versuche mit display:block; oder width haben mich nicht wirklich weiter gebracht, das einzige was ich bisher schaffe ist, dass es in einer neuen Zeile rechtsbündig ausgerichtet wird. Ich verzweifel gerade ein wenig daran... CSS ist irgendwie nicht wirklich mein Ding habe ich den Eindruck...g Geändert von RustyXXL (02.09.2010 um 14:45 Uhr).


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

02.09.2010, 14:35
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Reihenfolge im Quelltext ändern, und dann floaten. Bei vorhersehbarer Breite und damit geringer Gefahr von Überlappungen ist auch absolute Positionierung anwendbar. __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

02.09.2010, 14:46
RustyXXL Erfahrener Benutzer Registriert seit: 03.03.2010 Beiträge: 221 PHP-Kenntnisse: Fortgeschritten	Danke für die schnelle Hilfe, hat einwandfrei geklappt Damit Erledigt