Autor Zpráva
Márty
Profil *
Udělal jsem horizontální rolovací menu, ale když na něj najedu a rozbalí se, tak rozbalené položky jsou v pozadí pod obsahem stránky. Poradí 7te někdo jaký příkaz je pro dání do popředí. děkuju.
Jan Tvrdík
Profil
Márty:
Nastavit jim z-index.
Márty
Profil *
Nějak nevim kam přesně ta mám zasadit. Poradil by si mi please?

CSS:

#vodorovne_menu ul{margin: 0px; padding: 0px;} 
#vodorovne_menu {width: 100%;} 
#vodorovne_menu li {float:left;list-style-type:none;} 
#vodorovne_menu li a {display:block; height:42px;width: 110px; line-height: 24px; text-align: center; text-decoration: none; color: white;background-image:url(tlacitko7.jpg);} 
#vodorovne_menu li a:hover { background: yellow; color: black;} 
#vodorovne_menu li ul {display: none;} 
#vodorovne_menu li:hover ul { display:block; position:absolute; border: solid black; border-width: 0 1px 1px 1px;} 
#vodorovne_menu li:hover ul li { display:block; float: none; height:24px; width: 110px; border-top: 1px solid #F0F0F0;} 
#vodorovne_menu li:hover ul li a {background: black; color: white;} 
#vodorovne_menu li:hover ul li a:hover {background: rgb(227, 142, 51); color:#fff; font-weight: bold;} 


HTML:

<div id="vodorovne_menu"> 
    <ul> 
      <!-- první blok menu --> 
      <li><a>Najeď myší</a> 
        <ul> 
          <li><a href="#">První položka</a></li> 
          <li><a href="#">Druhá položka</a></li> 
        </ul> 
      </li> 
      <!-- první blok menu konec--> 
      <!-- druhý blok menu --> 
      <li><a>Najeď myší</a> 
        <ul> 
          <li><a href="#">První položka</a></li> 
          <li><a href="#">Druhá položka</a></li> 
        </ul> 
      </li> 
      <!-- druhý blok menu konec-->                         
    </ul>   
  </div>
panther
Profil
Márty:
Nějak nevim kam přesně ta mám zasadit.
nebo ses ani nenamahal nad tim zamyslet. Pravdepodobne k tomu, co chces tim z-indexem ovlivnit.
Márty
Profil *
Zamyslel. U obsahu mám totiž nastavenou průhlednost, a nějak se to s příkazem z-index kříží. Zatím nevím proč.


Vyřešeno ;-) Chybělo mi u jednoho position. Děkuju za rady s tím z-index ;-)
Fisir
Profil
Reaguji na Mártyho [#1]:
Nastav z-index:
#vodorovne_menu li ul li  {
    z-index: 100;
}
margin
Profil *
Márty:
Chybělo mi u jednoho position.
Stačí dostat celé "vodorovne_menu" nahoru, je zbytečné nastavovat to každému jednomu.

Fisir:
Nemáš tam position, takže z-index se neprojeví.

Bohatě stačí takto:
#vodorovne_menu {z-index: 1; position: relative;}
nebo takto:
#vodorovne_menu ul {margin: 0; padding: 0; z-index: 1; position: relative;}

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: