1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Menu em IE6 e em mac??!!

Discussão em 'Web Development' iniciada por Crypter, 16 de Março de 2008. (Respostas: 2; Visualizações: 488)

  1. Crypter

    Crypter Power Member

    Boas amigos,
    tou a fazer um projecto, onde tenho um menu drop down que fui buscar a um dos muitos tutoriais css por aí espalhado...
    so que o menu nao funciona no IE6, nem no mac?seja no opera ou no mozzila!!
    alguem me sabe dixer como contornar esse problema? se for necessário meto o css..
    e ja agora, pk funciona no mozzila aqui no windows e no portatil mac nao...8|
     
  2. Crypter

    Crypter Power Member

  3. Crypter

    Crypter Power Member

    Fica aqui o css, caso alguem dp descubra algo, apite...

    Código:
    /* Root = Horizontal, Secondary = Vertical */
    ul#navmenu {
      margin: 0;
      border: 0 none;
      padding: 0;
      width: 962px; /*For KHTML*/
      list-style: none;
      height: 24px;
    }
    
    ul#navmenu li {
      margin: 0;
      border: 0 none;
      padding: 0;
      float: left; /*For Gecko*/
      display: inline;
      list-style: none;
      position: relative;
      height: 24px;
    }
    
    ul#navmenu ul {
      margin: 0;
      border: 0 none;
      padding: 0;
      width: 200px;
      list-style: none;
      display: none;
      position: absolute;
      top: 24px;
      left: 0;
    }
    
    ul#navmenu ul li {
      float: none; /*For Gecko*/
      display: block !important;
      display: inline; /*For IE*/
    }
    
    /* Root Menu */
    ul#navmenu a {
      /*border: 2px solid #FFF;*/
      border: 2px solid #696969;
      padding: 0 6px;
      float: none !important; /*For Opera*/
      float: left; /*For IE*/
      display: block;
      background:#696969;
      color: #FFF;
      font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
      text-decoration: none;
      height: auto !important;
      height: 1%; /*For IE*/
    }
    
    /* Root Menu Hover Persistence */
    ul#navmenu a:hover,
    ul#navmenu li:hover a,
    ul#navmenu li.iehover a {
     /* background: #E10007;*/
      background: #E6E4CF;
      color: #8B864E;
      
    }
    
    /* 2nd Menu */
    ul#navmenu li:hover li a,
    ul#navmenu li.iehover li a {
      float: none;
      background: #E6E4CF;
      color: #666;
    }
    
    /* 2nd Menu Hover Persistence */
    ul#navmenu li:hover li a:hover,
    ul#navmenu li:hover li:hover a,
    ul#navmenu li.iehover li a:hover,
    ul#navmenu li.iehover li.iehover a {
      background: #8B864E;
      color: #FFF;
    }
    
    /* 3rd Menu */
    ul#navmenu li:hover li:hover li a,
    ul#navmenu li.iehover li.iehover li a {
      background: #EEE;
      color: #666;
    }
    
    /* 3rd Menu Hover Persistence */
    ul#navmenu li:hover li:hover li a:hover,
    ul#navmenu li:hover li:hover li:hover a,
    ul#navmenu li.iehover li.iehover li a:hover,
    ul#navmenu li.iehover li.iehover li.iehover a {
      background: #CDC673;
      color: #FFF;
    }
    
    /* 4th Menu */
    ul#navmenu li:hover li:hover li:hover li a,
    ul#navmenu li.iehover li.iehover li.iehover li a {
      background: #EEE;
      color: #666;
    }
    
    /* 4th Menu Hover */
    ul#navmenu li:hover li:hover li:hover li a:hover,
    ul#navmenu li.iehover li.iehover li.iehover li a:hover {
      background: #EEE8AA;
      color: #FFF;
    }
    
    ul#navmenu ul ul,
    ul#navmenu ul ul ul {
      display: none;
      position: absolute;
      top: 0;
      left: 200px;
    }
    
    /* Do Not Move - Must Come Before display:block for Gecko */
    ul#navmenu li:hover ul ul,
    ul#navmenu li:hover ul ul ul,
    ul#navmenu li.iehover ul ul,
    ul#navmenu li.iehover ul ul ul {
      display: none;
    }
    
    ul#navmenu li:hover ul,
    ul#navmenu ul li:hover ul,
    ul#navmenu ul ul li:hover ul,
    ul#navmenu li.iehover ul,
    ul#navmenu ul li.iehover ul,
    ul#navmenu ul ul li.iehover ul {
      display: block;
    }
    
    
     
    Última edição pelo moderador: 19 de Março de 2008

Partilhar esta Página