Menu com hover sobre-saindo.

[rafaelblink 0]

Pessoal td bom, queria fazer um hover como este da imagem

http://i40.tinypic.com/10og228.jpg

O codigo ficaria mais ou menos assim, gostaria de saber qual a melhor forma de fazer.

<ul>
 <li><a></a></li>
 <li><a></a></li>
 <li><a></a></li>
 <li><a></a></li>
</ul>

Obrigado.

 

 

[William Bruno 1501]

tem varias formas.. padding-top, background center, margin-top negativa, position negativo..

 

escolha uma e tente.

[rafaelblink 0]

problema eh que o li esta dentro do ul, quando dou o padding, margin, qq coisa, o li empurra o ul, eu quero que o li fique por cima do ul entende?

[William Bruno 1501]

sim, entendo. Basta vc usar o margin-top ou top negativo..

 

da forma q eu falei dá pra fazer, até com padding-top no LI fica tranquilo. É bem simples.