Autor | Zpráva | ||
---|---|---|---|
Mira Profil * |
#1 · Zasláno: 27. 11. 2010, 19:32:54
Cau chtel bych poradit:) v rozbalovacim menu jsem nastavil ul z-index v Mozile to jede paradne ale v IE ne:( je to na www.miroslavpurtik.cz a je to hned první záložka "autofólie"
Diky :) |
||
MiraP Profil |
tady je kod:)
<style> /*Menu---------------------------------------------------------------------->*/ #menu a.hlava1 { background: url("_img/hlava1.jpg") 0 0 no-repeat; } #menu :hover.hlava1{ background-position: -100px 0; color: white; } #menu a.hlava2 { background: url("_img/hlava2.jpg") 0 0 no-repeat; } #menu :hover.hlava2{ background-position: -100px 0; color: white; } #menu a.hlava3 { background: url("_img/hlava3.jpg") 0 0 no-repeat; } #menu :hover.hlava3{ background-position: -100px 0; color: white; } #menu a.hlava4 { background: url("_img/hlava4.jpg") 0 0 no-repeat; } #menu :hover.hlava4{ background-position: -100px 0; color: white; } #menu a.hlava5 { background: url("_img/hlava5.jpg") 0 0 no-repeat; } #menu :hover.hlava5{ background-position: -100px 0; color: white; } #menu a.hlava6 { background: url("_img/hlava6.jpg") 0 0 no-repeat; } #menu :hover.hlava6{ background-position: -100px 0; color: white; } #menu a.hlava7 { background: url("_img/hlava7.jpg") 0 0 no-repeat; } #menu :hover.hlava7{ background-position: -100px 0; color: white; } #menu a.hlava8 { background: url("_img/hlava8.jpg") 0 0 no-repeat; } #menu :hover.hlava8{ background-position: -100px 0; color: white; } #menu ul { list-style-type: none; height: 422px; margin-left: 2px; } #menu ul ul { width:100px; margin-top: 272px; margin-left: 0px; padding: 0; left: -4px; z-index: 5; } #menu ul ul ul{ left:196px; width:100px; margin-top: -125px; padding: 4px; } #menu li { float:left; margin-left: 4px; position: relative; width: 100px; } #menu a, #menu a:visited { display:block; font-size:14px; width:100px; color: #a4cefe; text-decoration:none; text-align:center; height: 22px; padding-top: 400px; } #menu ul ul { visibility:hidden; position:absolute; height:0; top:31px; width:100px; } #menu ul ul a, #menu ul ul a:visited { background: url(_img/menublack.jpg) no-repeat; color:gray; padding:5px; width:194px; text-align: left; height:20px; } #menu ul ul a.drop, #menu ul ul a.drop:visited { background: url(_img/menublue.jpg) no-repeat; color: #a4cefe; } #menu ul ul :hover > a { background: url(_img/menugrayh.jpg) no-repeat; color: black; } #menu ul li:hover ul, #menu ul a:hover ul { visibility:visible; } #menu ul :hover ul ul { visibility:hidden; } #menu ul :hover ul :hover ul { visibility:visible; } </style> <div id="hlavicka"> <h1><a href="index.php"><img src="_img/logo.jpg" alt="logo"></a></h1> </div> <div id="menu"> <ul> <li><a href="autofolie.php" class="hlava1">Autofolie</a> <ul> <li><a class="drop" href="vzornik.php">Vzorník fólií</a> <ul> <li><a href="tuningove.php">Tuningové a tatto</a></li> <li><a href="kombinovane.php">Kombinované fólie</a></li> <li><a href="bezpecnostni.php" title="Removing active/focus borders">Bezpečnostní fólie</a></li> <li><a href="protislunecni.php" title="Styling forms">Protisluneční fólie</a></li> </ul> </li> <li><a href="procbruxsafol.php">Proč Bruxafol?</a></li> <li><a href="procautofolie.php">Proč autofólie?</a></li> </ul> </li> <li><a href="news.php" class="hlava2">Novinky z firmy</a></li> <li><a href="autoskla.php" class="hlava3">Autoskla</a></li> <li><a href="potahovefolie.php" class="hlava4">Potahové fólie</a></li> <li><a href="okennifolie.php" class="hlava5">Okenní fólie</a></li> <li><a href="ceny.php" class="hlava6">Ceny</a></li> <li><a href="kontakty.php" class="hlava7">Kontakty</a></li> <li><a href="index.php" class="hlava8">Domů</a></li> </ul> </div> Moderátor Davex: Vkládej prosím kódy mezi značky [>pre] a [>/pre] (stačí kliknout na ).
|
||
Časová prodleva: 13 let
|
0