Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
eu totentando fazer um menu drop-down na horizontal, o problema é que na hora de aparecer os submenus ele aparece so o ultimo
ta aqui a estrutura do html
<div id="categoria">
<ul>
<li class='categoriaTitulo'><a href='#' class='categoriaLink'>Celulares</a></li>
<ul class='categoriaSub'>
<li ><a href='produtos.php>Nokia</a></li>
<li ><a href='produtos.php>Samsung</a></li>
<li ><a href='produtos.php>Sony Ericsson</a></li>
<li ><a href='produtos.php>LG</a></li>
</ul>
<li class='categoriaTitulo'><a href='#' class='categoriaLink'>Livros</a></li>
<ul class='categoriaSub'>
<li ><a href='produtos.php>Conn Iggulden</a></li>
<li ><a href='produtos.php>Dan Brown</a></li>
<li ><a href='produtos.php>Sherlock Holmes</a></li>
</ul>
</ul>
</div>
e aqui o css
#categoria {
background:transparent url(../images/floralNav.jpg) repeat-x scroll 0 0;
height:22px;
}
#categoria ul {
display:block;
list-style-type:none;
margin:0;
padding:0;
}
#categoria ul li {
display:inline;
padding: 3px 10px 0px 10px;
margin: 0px -1px 0px 0px;
border:1px solid;
}
#categoria ul:hover ul {
background:#f00;
display:block;
} display:none;
position: absolute;
left: 0px;
top: 242px;
width:100%;
}
#categoria ul ul li {
background-color:#0066FF;
display:inline;
}
o que acontece é que aparece sempre a ultima categoria no caso a dos livros
Conn Iggulden
Dan Brow
Sherlock Holmes
fwls
ta com aspas simples por que ta sendo gerado pelo php, so depois que eu percebi que o submenu tava fora do li por isso nao tava funcionando, mas eu ja consertei isso e o css tambem.
flws
Mesmo assim, é melhor que você delimite com aspas duplas os atributos HTML, basta aprender a usar corretamente o php.
http://forum.imasters.com.br/public/style_emoticons/default/joia.gif
@mexicanox seu tópico foi dividido.
Tópico de referência:
http://forum.imasters.com.br/index.php?/topic/379256-menu-drop-down-em-css/
Sempre delimite os valores dos atributos HTML, com aspas duplas, e nunca se esqueça de fechâ-los.
Além disso, 'subitens', devem ficar dentro do LI pai..
e aqui:#categoria ul:hover ul {
}troque por:#categoria ul li:hover ul {