Liste per CSS einrücken

Flubber · #1 (**permalink**) 08.02.2011, 15:10

Schönen guten Tag zusammen

Ich habe als Subnavigation eine Liste (<ul>). Die einzelnen List-Items in der Liste können aber weitere Unterlisten haben (also eine verschachtelte ul).
Es ist möglich, dass ein List-Item keine, eine oder mehrere Unterlisten hat. Jede weitere Unterliste kann wiederum eine keine oder mehrere Unterlisten habe... Klar soweit?

Als Beispiel hier eine Liste mit 3 "Ebenen":

HTML-Code:

<div id="subnav">
	<h1>Subnavigation</h1>
	<ul>
		<li><a href="#">Lorem</a></li>
		<li><a href="#">Ipsum</a>
			<ul>
				<li><a href="#">Unterliste 1</a></li>
				<li><a href="#">Unterliste 11</a></li>
			</ul>
		</li>
		<li><a href="#">Dolores</a>
			<ul>
				<li><a href="#">Unterliste 2</a></li>
				<li><a href="#">Unterliste 22</a>
					<ul>
						<li><a href="#">Unterliste 3</a></li>
						<li><a href="#">Unterliste 3</a></li>
					</ul>
				</li>
			</ul>
		</li>
		<li><a href="#">Amet</a></li>
	</ul>
</div>

Jetzt möchte ich diese mittels CSS so formatieren, dass jede weitere "Unterebene" weiter eingerückt wird, und das bei unendlich vielen möglichen Ebenen.
Mein Ansatz war folgender:

HTML-Code:

#subnav li ul a
{
	padding-left: 0.5em;
}

Dieser wird jedoch nur auf die erste Unterebene angewandt...

Wisst Ihr, wie das im CSS aussehen muss?

Bitte fragt nach, wenn ich mich unklar ausgedrückt habe. Ich hoffe Ihr kommt draus, was ich meine...

Gruss Flubber

chorn · #2 (**permalink**) 08.02.2011, 15:23

Was du suchst ist wohl eher "li ul", alle Listen in einem Listenelement.

PS: Was, wie ich grad sehe, übrigens die Standardeinstellung in den üblichen Browsern ist. Einfach mal nur den HTML-Teil speichern und angucken. Du hast das wohl an einer anderen Stelle elemeniert.

Flubber · #3 (**permalink**) 08.02.2011, 15:33

Da hast du allerdings recht... das ist standardmässig so drin.... ein padding: 0; auf die gesammte Liste (dass sie nicht so weit weg vom Rand steht) hat das deaktiviert

Die genaue Positionierung kann ich dann mittels li ul definieren...

Danke vielmals für die prompte Antwort!!

Gruss

*close*

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Redesign für Steiner Cycling Team	pkipper	Site- und Layoutcheck	11	09.02.2011 12:25
Dynamisches CSS per Server? Oder client? Oder wie?	andir	CSS	4	25.11.2010 12:20
Zwei CSS Dateien per Knopfdruck wechseln	exanimishh	CSS	3	05.11.2008 08:51
Problem mit Menü per CSS	jippel	CSS	1	31.07.2008 20:53
Textverschieben per CSS?	Hesi	CSS	2	29.05.2007 12:40