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
plik CSS
#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; }