Ciao di nuovo a tutti quanti...
Ho un problemino con due liste annidate che fungono da menu e sottomenu verticale...
Praticamente quando la lista del sottomenu si apre, le voci del menu principale che dovrebbero stare sotto il sottomenu si sovrapongono... vi posto i codici di pag. e css... che posso fare?
Su explorer le liste si vedono correttamente... solo su netscape e opera sono sbagliate...
PAGINA
<div id="menu2div">
<div class="menu2">
<ul>[*]XXX[*]XXX
<li id="activelink">XXX
<div class="sottomenu">
<ul>[*]yyy[*]yyy[*]yyy
<li id="activelink2>yyy[*]yyy[*]yyy[/list]
</div>
[*]XXX[/list]
</div>
CSS
/* MENU 2 */
#menu2div {position:absolute; top:0px; left:672px; width:250px;}
div.menu2 ul{list-style-type: none; margin:0; padding:0;}
div.menu2 li{margin:0px; padding: 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%; font-weight:bold; text-align:left; border-bottom:1px solid #CCCCCC; }
div.menu2 a{display: block; width:250px; line-height:20px;
text-decoration: none; text-indent: 0px;
color: #42ADE5;}
div.menu2 a:hover{color:#FF9900}
div.menu2 li#activelink {color:#ff9900; line-height:20px; padding-right:0px; height:20px;}
div.menu2 li#activelink a, .menu2 li#activelink a:hover{display: block; line-height:20px; padding-right:0px; height:20px;}
/* FINE MENU 2 */
/* SOTTOMENU */
div.sottomenu ul{list-style-type: none;}
div.sottomenu li{font-weight:normal; font-size:100%; width:230px; border-bottom:1px solid #ffffff; line-height:16px;}
div.sottomenu a{text-decoration:none; color: #0F3063; border-bottom:1px solid #ffffff; text-indent:15px; line-height:16px;}
div.sottomenu a:hover{color:#ff9900; border-bottom:1px solid #ffffff;}
div.sottomenu li#activelink2 {color:#FF9900; background-image:url(img/bg-sottomenu-active.gif); border-bottom:1px solid #ffffff; padding-left:15px;}
/* FINE SOTTOMENU */
Rispondi quotando
