Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Rodney3400

Menu fica errado no FF 2.0

Recommended Posts

Tenho um código para menu, que peguei no majour.com, e fica errado no Firefox 2.0, netscape, somente no internet explorer da certo, poderiam me ajudar?

 

<!-- Para menu de link de segmentos -->

#menu { /* Aqui definimos o o estado do menu normal */

width:130px; /* Aqui definimos o tamanho na horizontal */

height:15px; /* Aqui definimos o tamanho na vertical */

padding-left: 6px; /* Aqui definimos o espaço entre o texto e a borda esquerda */

padding-top: 2px; /* Aqui definimos o espaço entre o texto e a borda esquerda */

font-family: arial; /* Aqui definimos a fonte*/

font-size: 11px; /* Aqui definimos o tamanho da fonte*/

color: white; /* Aqui definimos a cor da fonte*/

background-color: #F80000; /* Aqui definimos o fundo*/

border: 1px solid #C10000; /* Aqui definimos a borda*/

border-left:10px solid #C10000;

text-decoration: none; /* Aqui definimos a decoração do texto*/

float: left;

/* Fix IE. Hide from IE Mac \*/

* html #menu { float: left; height: 1%; }

/* End */

}

#menu:hover { /* Aqui definimos o o estado do menu quando o mouse é passado por cima */

width:130px; /* Aqui definimos o tamanho na horizontal */

height:15px; /* Aqui definimos o tamanho na vertical */

padding-left: 6px; /* Aqui definimos o espaço entre o texto e a borda esquerda */

padding-top: 2px; /* Aqui definimos o espaço entre o texto e a borda esquerda */

font-family: arial; /* Aqui definimos a fonte*/

font-size: 11px; /* Aqui definimos o tamanho da fonte*/

color: white; /* Aqui definimos a cor da fonte*/

background-color: #C10000; /* Aqui definimos o fundo, no caso uma cor mais escura*/

border: 1px solid #C10000; /* Aqui definimos a borda*/

border-left:10px solid #C10000;

text-decoration: underline; /* Aqui definimos a decoração do texto, no caso está sublinhado*/

/* Fix IE. Hide from IE Mac \*/

* html #menu a { height: 1%; }

/* End */

}

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-

echo "<font color=#FF0305 size=1 face=Verdana, Arial, Helvetica, sans-serif>"."<a href=listaseg.php?pega_seg=".base64_encode($codigo_seg)." id=menu>".substr($nome_seg, 0, 19)."</a></font><br>";

 

Serve pra decorar este menu, que esta dentro de um while, e a cada loop faz o menu.

 

Obrigado desde já, agradesço a este forum e a outros tantos na net, que é um canal onde podemos trocar informações, não somente perguntar, mas também compartilhar o que já sabemos.

 

Rodney http://forum.imasters.com.br/public/style_emoticons/default/blush.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

Rodney3400, bem vindo ao fórum iMasters!

 

Dica, poste um link, códigos grandes assim fica complicado de ficar olhando.....e, principalmente, especifique o seu problema! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

[]'s

visite www.portaldamodagoiana.com.br

 

o menu de segmentos no IE fica perfeito, já no Firefox e no netscape, fica desconfigurado e sem fundo, código copiado do maujor

Compartilhar este post


Link para o post
Compartilhar em outros sites

No css você tem o #menu, agora no seu código não achei nnehuma parte com <div id="menu"></div>.

De qual link do maujor você pegou isso?!?

Compartilhar este post


Link para o post
Compartilhar em outros sites

No css você tem o #menu, agora no seu código não achei nnehuma parte com <div id="menu"></div>.

De qual link do maujor você pegou isso?!?

Bom, eu estava usando o #menu, diretamente no <a href="#" id="menu">link</a>

 

mudei o código CSS para ser reconhecido como <ul <li> </li> </ul>, agora ficou beleza, nos dois navegadores tanto no Internet Explorer quando no Firefox esta correto, mas surgiu outro problema, no Internet explorer ficou perfeito, já no FireFox, ficou as bolinhas que consta nos menus tradicionais de li,

acessa ai

 

http://rodney3400.no-ip.info:8080/portaldamoda/novo/

 

Obrigado!

Compartilhar este post


Link para o post
Compartilhar em outros sites

poe isso no seu css:

* {list-style:none;}
lembrando que eh sempre bom colocar isso no começo do css, e "zerar" também outras prporiedades-padrão http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

poe isso no seu css:

* {list-style:none;}
lembrando que eh sempre bom colocar isso no começo do css, e "zerar" também outras prporiedades-padrão http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
beleza, tinha me esquecido deste detalhe, Muito obrigado, e vou participar deste forum ativamente, quero ajudar muitas pessoas, assim como você me disponibilizou do seu tempo para me ajudar! Muito obrigado.Rodney PeixotoPortal da Moda Goiana.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Gostei da firmeza rapaz, issu aeh, qualqueh coisa tamu aki, e qdo eu precisar(isso mesmo, eu ainda naum sei tudo) tbm vou pedir http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.