Tableless - Padrões Web com Pastel e Caldo de Cana

por Diego Eis Julho 14th, 2005

Problema - Deslocamento no Hover

Esse problema foi enviado pelo Antonio Maganhote.
Ele me mostrou esse problema e me perguntando uma solução.

Não vou explicar muito a origem do problema… Prefiro que vocês batam cabeça e descubram.
Já resolvi aqui… Vou dar um tempo para vocês e depois posto!

Problema de deslocamento no Hover
O problema acontece com o IE, ao passar o mouse nas opções do menu.

Se ainda estiver interessado, leia também:

10 Comentários

Henrique Costa Pereira

Cara, que código horrível!!!!!!!!!! Eu ia mexer por curiosidade e desisti! Faço aquele mesmo efeito com 30% daquele código! Deus me livre!!!

Rafael Slonik

div#lateral div#menu_a a {
display:block;
width:115px;
height:21px;
margin-bottom:5px;
}

TIRA esse margin bottom daí que tudo resolve-se…..no IE…porque o FF para de fazer o hover, mas pra isso é só criar uma propriedade desse link com um :hover.

Luiz Paulo

Credo, nem tentei achar o problema, prefiro fazer o código css do zero!! Quem é que precisa disso tudo pra fazer um menu simples desse jeito!?

MarcoGomes

Cara, quem escreveu este código? Pra quê isso tudo?

A galera tem razão, tem linhas de CSS demais nesse exemplo…

Alex Souza

Olá pessoal, queria saber se alguém poderia me ajudar em algo, estou implantando tableless no site daqui da empresa, eu estou começando pelo menu esquerdo, fiz a estrutura do menu com ul e li, depois criei uma página com o "css", só que estou tendo um probleminha com o Mozilla, no IE aparece normalmente o (border-bottom: 1,8px solid #7F8BBF;) Mas no Mozilla não está funcioando, eu já coloquei como (_border-bottom: 1,8px solid #7F8BBF;) e não funcionou…

Se alguém puder, me dá essa forcinha ae…

O Endereço do site é ( http://www.arcaun... )

No IE, tá ok, mas no Mozilla fica mó fundão liso azul.

Aguardo resposta…

Obrigado!

aissegoo

wOw!!! tava com um problema semelhante no menu (botão que abre um menu dropdown com as seções do meu blog) em meu site (aissegoo.sistemall.net). A solucao usar um hack _ pro IE e colocar outro valor de altura do menu. Ahh, não lembro exatamente o que eu fiz, não foi só o hack mais o hack ajudou muito. O que eu sei é que ta funcionando, pelo menos aqui. :)

Valeu galera!

Cadu

Calma pessoal!
Vai ver o cara é iniciante!
Eu faria esse menu com apenas uma imagem setando somente o posicionamente referente a cada link do menu.
Mas, em relação ao problema no IE, não tenho tempo pra testar aqui pra ver o que tá rolando pois estou no trabalho.
Mas é realmente sinistro.
O código tá muito confuso!!!

jackson

galera..aproveitando o tópico..tenho um problema parecido

tenho um site com menu a esquerda e na direita tenho o div que recebe por include as paginas secundarias…e tenho um rodape abaixo que recebe o atributo clear: both; para ficar abaixo de qq conteudo inserido acima dele..so que no ie, qnd clico no menu e o conteudo é incluido no div da direita o rodape nao desce com o conteudo, so desce qnd eu passo o mouse no menu, que tem um :hover, ai o conteudo estica…mas so passando o mouse no menu :(…alguem ja viu disso?

FF, OP, MOZ, NS funciona certinho..

[]’s
jack

Roberto Almeida Longhi

Ia fazer o comentário parecido com o do Henrique ai eu desisti … hehehe mas de boa … não sou expert mas eu vi o código e achei super confuso … de cara eu já desisti … cansei de quebrar a cabeça com essas coisas … normalmente já faço o CTRL + A e delete … e começo tudo de novo …

sergio rodrigues giraldo

Tire todos os span "vazio" e tudo se resolve (Rafael, deste jeito ainda funciona no FF)

Voltar para o topo

Histórico