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

Menu Não Funciona No Ie!

Darta

Perguntado por Darta,

 Share

Pergunta

Darta

Darta

Postado
Postado

Galera busquei na Net e achei um menu que preciso, então modifiquei o código conforme minhas preferências só que o menu só funciona em Netscape e Safari e não no IE, tentei no IE 5.5 e 6 mas nada!!

Teria como mudar alguma coisa para que ele aceita-se no IE também, segue o código!!

<html>

<head>

    <title>CSS Drop down Menus</title>

    <style type="text/css">

    <!--

    body {

      font-family: "Trebuchet MS", Verdana, sans-serif;

      font-size: small;

    }

   

    #menubar   

    {

    border-top: 2px solid #e6e6e6;

    border-right: 2px solid #b1b1b1;

    border-bottom: 2px solid #b1b1b1;

    border-left: 2px solid #e6e6e6;

    background-color: #ffffff;

    color: #;

    height: 1.4em;

    width: 20.0em;

    line-height: 1.2em;

    font-weight: normal;

    }

   

    .menu {

      width: auto;

      float: left;

      padding: 0.1em 3em 0.1em 0.5em;

      cursor: default;

    }

   

    .menu ul {

      display: none;

      position: absolute;

      background-color: #d1d1d1;

      color: #g1g1g1;

      list-style: none;

      margin: 0.1em 0 0 0;

      padding: 0;

    }

   

    .menu ul li {

      display: block;

      padding: 0.2em;

    }

   

    div.menu:hover ul   

    {

    display: block;

    margin: 0;

    padding: 0;

    }

    div.menu ul li:hover {

      background-color: #ffffff;

    }

img

{

  width: 7.0em;

}

    -->

    </style>

</head>

<body>

<div id="menubar">

  <div id="menu1" class="menu">Menu 1<ul>

    <li>Menu 1 link 1</li>

    <img src="linha.gif"></img>

    <li>Menu 1 link 2</li>

    <img src="linha.gif"></img>

    <li>Menu 1 link 3</li>

    </ul>

  </div>

  <div id="menu2" class="menu">Menu 2<ul>

    <li>Menu 2 link 1</li>

  <img src="linha.gif"></img>

    <li>Menu 2 link 2</li>

    <img src="linha.gif"></img>

    <li>Menu 2 link 3</li>

    </ul>

  </div>

  <div id="menu3" class="menu">Menu 3<ul>

    <li>Menu 3 link 1</li>

    <img src="linha.gif"></img>

    <li>Menu 3 link 2</li>

  <img src="linha.gif"></img>

    <li>Menu 3 link 3</li>

    </ul>

  </div>

</div>

</body>

</html>

sad.gif
Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0
Rob_g2*6(sic)6

Rob_g2*6(sic)6

Postado
Postado

Acho que o problema está nisso aqui....

.menu ul li {

display: block;

padding: 0.2em;

}

Tente usar assim:

.menu,ul,li {

display: block;

padding: 0.2em;

}

Não testei mais posta ai....

PS: e Que medida é essa de em.... mesmo já vi mais não lembro que forma de medida é essa...... só uso pixels...!!!!! hehe

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.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,2k
    • Posts
      651,9k
×
×
  • Criar Novo...