[resolvido] No Hover, Criando Margem Extra
#1
Posted 29/07/2009, 14:35
#menuEmpresa a, #menuProdutos a, #menuClientes a, #menuOrcamentos a, #menuLocalizacao a, #menuContato a{ display:block; width:224px; height:25px; margin-bottom:2px; text-indent:-99999px; margin-left:20px;}
#menuEmpresa a{ background:url(../imagens/menuEmpresa.jpg) no-repeat;}
#menuProdutos a{ background:url(../imagens/menuProdutos.jpg) no-repeat;}
#menuClientes a{ background:url(../imagens/menuClientes.jpg) no-repeat;}
#menuOrcamentos a{ background:url(../imagens/menuOrcamentos.jpg) no-repeat;}
#menuLocalizacao a{ background:url(../imagens/menuLocalizacao.jpg) no-repeat;}
#menuContato a{ background:url(../imagens/menuContato.jpg) no-repeat;}
#menuEmpresa a:hover{ background:url(../imagens/menuEmpresa2.jpg) no-repeat;}
#menuProdutos a:hover{ background:url(../imagens/menuProdutos2.jpg) no-repeat;}
#menuClientes a:hover{ background:url(../imagens/menuClientes2.jpg) no-repeat;}
#menuOrcamentos a:hover{ background:url(../imagens/menuOrcamentos2.jpg) no-repeat;}
#menuLocalizacao a:hover{ background:url(../imagens/menuLocalizacao2.jpg) no-repeat;}
#menuContato a:hover{ background:url(../imagens/menuContato2.jpg) no-repeat;}
#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;}
#nav a{ display:block;}
#nav li{ position:relative; margin:0; padding:0;}
#nav ul { position:absolute; display:none; left:244px; *left:224px; /* IE HACK */ top:0; margin:0; padding:0; background:#FFF;}
#nav ul li ul{ left:150px; background:#FFF; margin:0; padding:0;}
#nav li ul li a{ color:#006666; width:150px; margin:0; padding:0; background:none; text-indent:0;}
#nav li ul li a:hover{ background:none;}[/codebox]
Galera, montei um drop-down em jquery, porém quando eu passo o mouse por cima de um link que tem mais estruturas dentro, ele acrescenta 4 px a mais no margin-bottom. Estou quebrando a cabeça, pq por mais q eu tire os elementos, ao passar o mouse ele sempre quebra. Quando eu tiro o mouse ele volta... no Jquery não tem nada, é bem simples a estrutura:
Update: Agora a margem é maior, depois que dei uma mexida
[codebox] <script>
function menu(){
$("#nav ul ").css({display: "none"});
$("#nav li").hover(function(){
$(this).find('ul:first').css({display: "block",display: "none"}).show(400);
},function(){
$(this).find('ul:first').css({display: "none"});
});
}
$(document).ready(function(){
menu();
});
</script>
[/codebox]
[codebox]<ul id="nav">
<li id="menuEmpresa"><a href="<?=DragoHOST;?>index.php/index/empresa">A Empresa</a></li>
<li id="menuProdutos"><a href="<?=DragoHOST;?>index.php/index/produtos">Produtos</a>
<ul>
<li>Teste</li>
<li>Teste 2
<ul>
<li>Subteste1</li>
</ul>
</li>
<li>Teste 3</li>
<li>Teste 4</li>
<li>Teste 5</li>
</ul>
</li>
<li id="menuClientes"><a href="<?=DragoHOST;?>index.php/index/clientes">Clientes</a></li>
<li id="menuOrcamentos"><a href="<?=DragoHOST;?>index.php/index/orcamentos">Orçamentos</a></li>
<li id="menuLocalizacao"><a href="<?=DragoHOST;?>index.php/index/localizacao">Localização</a></li>
<li id="menuContato"><a href="<?=DragoHOST;?>index.php/index/contato">Fale conosco</a></li>
</ul>[/codebox]
Alguem pode me ajudar a achar essa margem fantasma?
Se este post lhe ajudou, ajude o fórum também. Use a reputação de mensagens!
#2
Posted 30/07/2009, 13:01
#3
Posted 03/08/2009, 10:16
passe o mouse sobre os links do menu lateral e veja o que está acontecendo!
Edição feita por: Édipo Costa Rebouças, 04/08/2009, 13:56.
exploite do ie
Se este post lhe ajudou, ajude o fórum também. Use a reputação de mensagens!
#4
Posted 04/08/2009, 13:46
Edição feita por: Édipo Costa Rebouças, 04/08/2009, 13:55.
#5
Posted 04/08/2009, 14:39
estou migrando para outro servidor. Vou testar algo em relação a isso aí Édipo, valeu!
Se este post lhe ajudou, ajude o fórum também. Use a reputação de mensagens!
#6
Posted 13/08/2009, 17:57
O mesmo endereço, continua sem solução, tentei colocar na LI, na UL também, mas não deu certo :S
Se este post lhe ajudou, ajude o fórum também. Use a reputação de mensagens!
#7
Posted 13/08/2009, 18:23
[...] estou migrando para outro servidor.
Foi a melhor coisa que você já fez.
Mas então posta o link de novo ai para ajudar na visualização do problema.
[]'s Até mais
#8
Posted 14/08/2009, 11:07
http://www.gpaprospe...ientes/complast
Não liguem pro dropdown aparecer em cima kkkkkk estou mexendo nisso,então volta e meia troca de lugar em busca de soluções heheh
Conseguimos aqui! Refizemos o css e tinha algumas margens duplicadas, entre outros errinhos!
Se este post lhe ajudou, ajude o fórum também. Use a reputação de mensagens!
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)