zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Liste per CSS einrücken

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 08.02.2011, 15:10
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.02.2011
Beiträge: 2
Flubber befindet sich auf einem aufstrebenden Ast
Rotes Gesicht Liste per CSS einrücken

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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 08.02.2011, 15:23
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 18.06.2007
Ort: Verden
Beiträge: 405
chorn wird schon bald berühmt werden
Standard

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.

Geändert von chorn (08.02.2011 um 15:26 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 08.02.2011, 15:33
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.02.2011
Beiträge: 2
Flubber befindet sich auf einem aufstrebenden Ast
Lächeln Funktioniert!

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*
Mit Zitat antworten
Antwort

Stichwörter
einrücken, liste, padding, subnav, subnavigation

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:46 Uhr.