Comments on: Menu com imagens e rollover – Exemplo de HTML e CSS

By: simone

simone — Tue, 13 Jul 2010 20:01:06 +0000

Boa tarde, o meu não ficou na horizontal… e no firefox ficou la em baixo, em vez de no topo da pagina como no IE… pode me ajudar?

obrigada!

By: ma

ma — Tue, 06 Jul 2010 17:40:33 +0000

Alguma chance de tu fazer esse menu na vertical…, já tirei e coloquei vários atributos e não consegui fazê-lo

grata

By: ma

ma — Tue, 29 Jun 2010 17:57:28 +0000

te amo, thanks

By: Filipe

Filipe — Wed, 24 Mar 2010 20:17:44 +0000

Esse eu vou ter que comentar.
Estou começando a trabalhar com webdesign agora.
Fucei, fucei e fucei por tudo tentando achar uma forma de por um menu desses num site e não conseguia. Tentei de tudo e não dava certo. Até que eu achei esse tuto aqui.
Está perfeito agora. Do jeito que eu fiz no photoshop.
Muito obrigado mano, me ajudou muito.
abraços

By: Wellington

Wellington — Tue, 01 Dec 2009 02:45:02 +0000

Bem,

Eu refiz o meu web site usando um meno neste estilo, ele funcionou perfeitamente no IE8 mas ao testar no Chrome e no firefox 3.5.3 o menu é replicado. então adicionei o seguinte:
#menu ul {
margin-top:-16px;
position:relative;}

ai ficou show funcionou corretamente nos dois, mas ao testar no IE7 tmb dá pau, o menu replica quase q um em cima do outro. Vc sabe como corrigir para IE7 tmb?
Valew, muito boa sua matéria está de parabéns!

By: felipe

felipe — Wed, 08 Jul 2009 16:29:13 +0000

voce salvo minha pele cara

muitoo obrigado mesmo!!

valew

By: Cleimar Lemes

Cleimar Lemes — Fri, 16 Jan 2009 22:28:52 +0000

Gostaria de saber se tem um limite do menu, pois estou utilizando 12 itens, mas ele funciona ate o 9 o restante fica com o texto em cima e nda de rolover, poderia me ajudar ??

By: Lincolemberg Canuto

Lincolemberg Canuto — Wed, 08 Oct 2008 18:10:35 +0000

muito interessante, gostei de sua forma didática e inteligente de agir..

Parabéns!

By: Raphael Nikson

Raphael Nikson — Sun, 30 Dec 2007 16:40:03 +0000

Bruno, pra vc não é problema o fato de usar o e não validar o código?

Não acharia melhor usar

Texto

Colocaria no css display block para o A e aplicaria a como background nele.

Daí esconderia o span com display none.

O código ficaria validado.

By: Adriano

Adriano — Fri, 07 Dec 2007 05:11:06 +0000

Excelente Tutorial, funcionou perfeitamente no I.E. 6 e Firefox 2.0, parabéns pela iniciativa, o span também foi muito útil, pois concertou a seleção indesejada do Firefox.
O único fato que ficou em duvida, e de que o parte do span só funcionou no firefox, portanto, coloquei o primeiro código para o IE, e o do span para o firefox.
Você tem algum comentário sobre isso?

Parabéns e Até

Adriano

By: GLAUCIA P. MACIEL

GLAUCIA P. MACIEL — Wed, 07 Nov 2007 21:01:46 +0000

Sou iniciante por aqui, por isso minha dúvida é trivial.
Quais comandos utilizo para colocar uma imagem como plano de fundo com uma mensagem inserida.

Obrigada.

Gláucia P. MAciel

By: Hot Pitty

Hot Pitty — Sat, 03 Nov 2007 14:38:42 +0000

#um{ width:53px; left:0; }
#dois{ width:61px; left:53px; }
#tres{ width:72px; left:114px; }

ESTOU ME ATRAPALHANDO NESSA PARTE AÍ

—- PORQUE EU QUERO COLOCAR OITO… TUDO BEM EU COLOKO .. MAS NÃO ENTENDI ESSES TAMANHOS AÍ NÃO..SAI TUDO ERRADO UM POR CIMA DO OUTRO… ALGUEM ME AJUDA POR FAVOR —–

By: Image Replacement: use com sabedoria

Image Replacement: use com sabedoria — Sun, 07 Oct 2007 23:28:38 +0000

[...] uma delas com seus prós e contras. Eu já usei uma dessas técnicas por aqui em um artigo sobre menus com imagens e rollover (que, a propósito, precisa de algumas atualizações e [...]

By: Marcos

Marcos — Sat, 08 Sep 2007 04:19:03 +0000

Beleza Pessoal?
No IE 7 está perfeito, porém no Firefox 2.0.0.6 não faz o efeito rollover nem habilita o link.
Abs
Marcos

By: Em busca da simplicidade « Mundo web

Em busca da simplicidade « Mundo web — Wed, 16 May 2007 20:41:14 +0000

[...] em particular a possibilidade de substituir imagens quando o mouse passasse por cima do gif dando o efeito rollover, que antes eu fazia através de um gerador automático de código javascript que se juntava ao HTML [...]