Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boas,
Tenho este site: http://www.nawebti.net/torredeita/
No IE6 e FF o menu funciona bem. Mas no IE7 tem um pequeno bug.
Se forem ao menu: E.P.T. > Cursos , abre um 3º submenu.
Mas se tirarem o rato de cima desse 3º submenu ele fecha. Agora se forem outra vez a E.P.T. aparece com os 2 submenus abertos.
Alguém ajuda a resolver este problema??
Aqui tá o CSS:
body {font-family:verdana, Arial, Helvetica, sans-serif;
font-size:11px; }ul#primary-nav,
ul#primary-nav ul {
margin: 0;
padding: 0;
width: 100%; /* Width of Menu Items */
border-bottom: 0px solid #ccc;
background:none; /* IE6 Bug */
font-size: 100%;
}ul#primary-nav li {
position: relative;
list-style: none;
float:left;
}/ CSS para menu redondo /
ul#primary-nav li a.top_link {
display:block;float:left;height:35px;line-height:33px;color:#ccc;text-decoration:none;font-size:11px;font-weight:bold;padding:0 0 0 12px;cursor:pointer;background: url(three_0.gif);}
ul#primary-nav li a.top_link span {float:left; display:block; padding:0 15px 0 2px; height:35px; background: url(three_0.gif) right top no-repeat;}
ul#primary-nav li a.top_link span.down {float:left; display:block; padding:0 15px 0 2px; height:35px; background: url(three_0a.gif) no-repeat right top;}
ul#primary-nav li a:hover {color:#fff; background:url(menu.gif) no-repeat;}
ul#primary-nav li a:hover span {background:url(menu.gif) no-repeat right top;}
/ Fix IE. Hide from IE Mac \/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/ End /
ul#primary-nav li ul {
width:150px;
position: absolute;
display: none;
left: 0px; /* Set 1px less than menu width */
top:35px;
}/ 2º Sub Menu Styles /
ul#primary-nav li ul li{
width:190px;
float:left;
font-weight:100;
}ul#primary-nav li ul li a {
width:175px;
padding-left:10px;
border-top:#b39237 0px solid;
float:left;
background-color:#FFCF57;
color:#8a5f01;
font-size:11px;
line-height:26px;
text-align:left;
text-decoration:none;
}ul#primary-nav li ul li a:hover{
background:#f1b32a;
color:#FFFFFF;
}ul#primary-nav li ul li img{
display:block;
position:absolute;
left:170px;
top:9px;
}/ 3º Sub Menu Styles /
ul#primary-nav li ul ul {
width:190px;
position: absolute;
display: none;
left: 185px; /* Set 1px less than menu width */
top: 0px;
border-left:#FFFFFF 1px solid;
background-color:#f1b32a;
} background:#feda80;
border-top:#FFCF57 1px solid;
width:190px;
font-weight:bold;
font-size:10px;
}ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; } / Hide sub-menus initially /
ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; } / The magic /
ul#primary-nav li.menuparent { }
Inclua esse código em sua página, deve ajudar!
/ Apenas IE6-Win \/
* html ul#primary-nav li {
position: relative;
}
opa Nuno...posta o código ae!!
flow..abraço