Forum PHP.pl

Witam,
stworzyłem wielopoziomowe rozwijane menu generowane skryptem z bazki. Dodałem strzałeczki w miejscach gdzie się rozwija

#nav ul .flow {
list-style-image: url('../img/menu_arrows_orange.gif');

}

i mam problem bo poziom rozwijany jest o jeden stopień niżej i się trudno najeżdza.
Jak temu zaradzić?


tworzę sobie wielopoziomowe menu w taki sposób

[HTML] pobierz, plaintext 
<ul id='nav'>
	<li class='flow'><a href='#'>Główne 1</a>
		<ul id='nav'>
			<li><a href='#'>sub główne 1</a></li>
			<li><a href='#'>sub główne 2</a></li>
			<li><a href='#'>sub główne 3</a></li>
		</ul>
	</li>
	<li class='flow'><a href='#'>Główne 2</a>
		<ul id='nav'>
			<li class='flow'><a href='#'>sub główne 2</a>
				<ul id='nav'>
					<li><a href='#'>sub sub główne 1</a></li>
					<li><a href='#'>sub sub główne 1</a></li>
					<li><a href='#'>sub sub główne 1</a></li>
						<ul id='nav'>
							<li><a href='#'>sub sub sub</a></li>
							<li><a href='#'>sub sub sub</a></li>
							<li><a href='#'>sub sub sub</a></li>
						</ul>
					</li>
				</ul>
			</li>
		</ul>
	</li>
</ul>	
[HTML] pobierz, plaintext 

plik CSS

[HTML] pobierz, plaintext 
#nav, #nav ul{
     margin:0;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
     position:relative;
     line-height:1.5em;
 }
 
 #nav a:link, #nav a:active, #nav a:visited{
    display:block;
    padding:0px 5px;
    border:1px solid #333;
    color:#fff;
    text-decoration:none;
    background-color:#333;
 }
 
#nav a:hover{
    background-color:#fff;
    color:#333;
}
 
#nav li{
    float:left;
    position:relative;
}
 
#nav ul {
    position:absolute;
    width:12em;
    top:1.5em;
    display:none;
}
 
#nav li ul a{
    width:12em;
    float:left;
}
 
#nav ul ul{
	top:auto;
	}
 
#nav li ul ul {
    left:12em;
    margin:0px 0 0 10px;
    }
 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
    display:none;
    }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
    display:block;
    } 
[HTML] pobierz, plaintext 

Ten post edytował john_doe 14.08.2011, 10:52:33