Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá novamente.. lembram daquele tpc,sobre o menu que abre e fecha do avchap ?
eu estava com duvidas de como fazer.. claro que agora tenho um moldezinho bonitinho e tudo mais, só que não consigo posicionar direito ele.. o menu abre corretamente, mas o submenu tem um espaçamento muito grande quando é aberto, não sei como aconteceu isso, mas tá ai O.o
alguém pode me ajudar ?
eu hospedei e está abaixo o exemplo online :
Podem me dizer qual é o erro, neste caso ? Obrigada, de novo :P
(sim eu só venho incomodar por causa desses velhos menus... lalala)
o código Jquery eu peguei no site do jquery ._.
Coloque isso no começo do seu CSS
* {
margin: 0;
padding: 0;
}Use somente <li> dentro de <ul> ou <ol>
Meh, tenta dar uma estudadinha nessa lista de referências, sim, tá em inglês, é chatinho e talz... mas material bom pra começar, em pt-br eh coisa rara
deixe apenas UMA tag <body>
englobe seu menu utilizando apenas <ul><li><a>
dê um ID pro seu menu, sei lá, menu1 <ul id="menu1">zere os espaçamentos e margeamentos padrão
#menu1, #menu1 * { padding: 0; margin: 0; list-style: none }
a técnica do css reset já proposta aqui é fortemente recomendada
os menus que não tiverem submenus, 'morrerão' na tag <a>
os menus que tiverem submenus terão seu 'nome' envolvido em <span> seguido do submenu.ao fim, teremos esta estrutura:
<ul id="menu1">
<li><a href="#">Link sem submenu</a></li>
<li><span>Abrir meu submenu</span>
<ul class="submenu">
<li><a href="#">subitem 1</a></li>
<li><a href="#">subitem 2</a></li>
</ul>
</li>
</ul>fazendo as adaptações, seu menuzinho parará de funcionar, mas não se descabele
$(function(){
$('#menu1 span').click(function(){
$('#menu1 .submenu').hide();
$(this).parent().find('ul').show();
}
$('#menu1 .submenu').hide();
}se eu não errei a digitação em nada, acho que seu problema estará resolvido
Não sei :B
deixei aqui somente o dl,dt e dd, só que continua o mesmo, o sub-menu tem um espaçamento do menu ._.
já coloquei o padding tbm no inicio do css, não notei diferença tb (claro que puxou tudo pra esquerda, mas fora isso nada)
---
Ok Evandro, vou tentar..
Obrigada!
Zere as propriedades margin e padding da <ul>... Outra coisa, seu menu está meio confuso... http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif Por que motivo você colocou uma <dl> dentro de uma <ul>, <li> dentro de <span>? :mellow:
Elimene as tags desnecessárias e não-semânticas...