| 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: 15 let
|
|||
0