5 replies to this topic

[©Laymaste®]

Bom amigos,

Hoje preciso de uma ajudinha rsss

Estou fazendo um site e fiz um menu em html (naquele processo UL LI, etc...), e no IE funciona perfeitamente, mas quando vou visualizar no Firefox e outros navegadores o menu aparece com um espaço no entre cada célula.

Alguem pode me dar uma luz aí?

Imagem do site no IE http://www.comercialvc.com.br/i/ie.png

Imagem do site no Firefox http://www.comercialvc.com.br/i/ff.png

Aceito outras sugestões de menus como por exemplo em php, mas estou aprendendo ainda...

Valeu!

[Kadu DG]

teria como vc postar o seu código css?

[©Laymaste®]

O Código é simples. Segue Abaixo:

[codebox]body, td, p {font-family: verdana, arial, helvética, sans-serif; color:#666; font-size:8pt}
a.blacklink {color:#000000; text-decoration:none}
a.blacklink:hover {color:#555555; text-decoration:underline}
a.bluelink {color:#000080; text-decoration:none}
a.bluelink:hover {color:#000050; text-decoration:underline}
a.redlink {color:#800000; text-decoration:none}
a.redlink:hover {color:#cc0000; text-decoration:underline}
a.silverlink {color:#666666; text-decoration:none}
a.silverlink:hover {color:#888888; text-decoration:underline}
ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
}
ul li {
position: relative;
}
li ul {
position: absolute;
left: 149px;
top: 0;
display: none;
}
ul li a {
display: block;
text-decoration: none;
color: #777;
background: #D1DBE9;
background
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
}
ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
border-bottom: 1px solid #ccc;
}
li:hover ul { display: block; }

li:hover ul, li.over ul {
display: block; }





/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */[/codebox]

Tá aí!

Edição feita por: § Kenshin §, 26/02/2008, 11:05.
ao postar codigos use as tags [code] e [codebox], para codigos longos. leia as regras.

[§ Kenshin §]

o problema eh que as tags vem com algumas propriedades padroes, que mudam de navegador para navegador.
por isso eh sempre bom, zerar alguma delas.

insira esse codigo no inicio do css

* { margin:0; padding:0; border: none; }

para maiores informacoes, procure sobre css reset.

vlw

[©Laymaste®]

funcionou beleza! Valeu! rsss

Posso postar outro tipo de dúvida aqui ou tenho q criar outro tópico?

ahhhhh e desculpa por colocar o código bagunçado aqui, rsss eu tinha esquecido rss eu tava com pressa aqui..

Edição feita por: ©Laymaste®, 26/02/2008, 14:40.

[Andreia Regina]

Posso postar outro tipo de dúvida aqui ou tenho q criar outro tópico?

se for sobre o mesmo assunto (menu) pode colocar aqui se for outro pode abrir outro tópico ou sobre assunto que não pertença a esta sala posta na respectiva sala.