Ir para conteúdo
Fórum Script Brasil
  • 0

Menu em CSS fica errado no mozzila


coxa95

Pergunta

Eu fis um menu!! em CSS... antes ele ficava no ff certo so q a pagina ficava errada!

so q dae eu consegui arruma .. mais agora o menu ta errado nois dois navegadores o que eu faco??

quando eu passo o mosue por cima pra ver o sub menu o submenu fica torto...

Veja no Ie

www.agroestacao.com.br/index1.html

FF:

www.agroestacao.com.br/index1.html

Me ajudem a arrumar isso por favor!!

Se quiser olhem o css::

ul#index1, x:default { 
margin:0; 
padding:0;
 }

body{
    font:12px Arial, Helvetica, sans-serif;
    color: #CCCCCC;
}

ul{
   list-style-type:none;
}

ul#index1{
        width:818px;
        margin:0 auto;
}

ul#index1 li{
    position:relative;
    float:left;
    background-image: url(css3.gif);
}

ul#index1 li a{
         display:block;
         float:left;
         padding:0 55px;
         height:35px;
         line-height:30px;
          background:#000 url("/imagens/css3.gif") repeat fixed 55px 35px; 
         color:#FFF;
         text-decoration:none;
         
}
ul#index1 li a:hover{
               background:#FFCC66 url("/imagens/css2.gif") repeat fixed 55px 35px; 
}
ul#index1 li ul{
         display:none;
         position:absolute;
         top:35px; 
         left:0;
}

ul#index1 li:hover ul{
        display:block;
}

ul#index1 li ul a{
        width:120px;
        border-bottom: 1px #FFFFFF solid;
}

Me ajudem por favor!!

Aguardando resposta!

Editado por Jonathan Queiroz
Adcionar tag's (Jonathan)
Link para o comentário
Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

  • 0

A forma como fez esse menu está ruim cara, realmente vai ficar difícil mesmo isso aí funcionar...

Se quiser eu posso fazer uma versão um pouco mais tableless e que funcione nos outros navegadores, sem hacks... é urgente quanto ?

Abraço.

Link para o comentário
Compartilhar em outros sites

  • 0

ó de qualquer forma, se já acertou ou não, vou deixar aqui um exemplo feito sem hacks, apenas usando um comentário condicional para o iE, já que ele não tem a pseudo-classe hover para elementos que não sejam link.

É bem simples, não me custou tempo algum, vou deixar de demonstração pra quem quiser ver, o código está todo no html.

Só não testei nos iE´s acima do 6. Mas imagino que funcione, tanto no ie7 quanto no ie8, qualquer coisa só avisar, as alterações serão pequenas.

http://edu.110mb.com/demonstracao/menu.htm

Abraço.

Link para o comentário
Compartilhar em outros sites

  • 0

Cara, já está lá para download.

É só abrir o código fonte da página, fiz o css no próprio html. ^_^

Copia o menu e bota no td do seu site, quando fizer isso avisa que eu abro aqui e vejo no firebug o que precisa fazer para acertá-lo.

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...