Zum Inhalt springen

Aufzählungspunkte in unterschiedlichen Ebenen definieren

Erstellt am 4. Juli 2006 · 5 Antworten · letzte Antwort am 18. Juli 2006

Tags: HTML & CSS, Frage

dilara ·

hallo ich habe eine Memü mit ul un li's
diese haben allerdings in unterschiedlichen Ebenen auch unterschiedliche Aufzählungspunkte.
möchte aber nur in Ebene 2 und 3 Aufzählungspunkte haben.

im CSS datei habe ich nachgeschaut habe nicht gefunden auch im TS.
wie kann ich dieses Problem Lösen?

body {
	font: 78%/1.5 arial, helvetica, serif;	
	padding: 0;
	margin: 2em;
}
 
#nav, #nav ul {
	float: left;
	width: 86em;
	list-style: none;
	line-height: 1em;
	background-image: url(l1_bg.gif);
	color: #FFF;
	padding: 0;
}
 
#nav li li {
	background:red;
	border-bottom:1px solid #fff;
}
 
#nav a {
	display: block;
	xwidth: 7em;
	color: #FFF;
	text-decoration: none;
	padding: 0.2em 0em;
}
 
#nav a.menuparent  {
	background: url(pfeil.gif) no-repeat 90% 40%;
}
 
#nav li {
	float: left;
	padding: 0;
}
 
#nav ul li a {
	color: #FFF;
	font-size:11px;
	font-weight:bold;
}
 
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14em;
	font-weight: normal;
	margin: 0;
}
 
#nav li li {
	width: 15em;
}
 
#nav li ul a {
}
 
#nav li ul ul {
	margin: -1.45em 0 0 14em !important;
	margin: -1.45em 0 0 14.45em ;
}
 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
 
#nav li li:hover, #nav li li.sfhover {
	background: #ff4d00;
}
 
#nav li li {
x	background: red;
}
 
#nav li li a {
	padding-left:5px;
}
 
#nav li ul  {
	background-image: none;
}
ONeill ·

ul 1. Ebene
ul li ul 2.Ebene
ul li ul li ul 3. Ebene, wobei diese Überflüssig wird, da der Eintrag von Ebene zwei vererbt wird.

ONeill ·
#nav ul {
    /* Erste Ebene */
}

#nav ul il ul {
    /* Zweite und alle anderen Unterebenden */
}

So