| Autor | Zpráva | ||
|---|---|---|---|
| kozusnik.jan Profil * |
#1 · Zasláno: 19. 9. 2010, 12:52:47
Ahoj, mám takový problém s horizontálním vysouvacím menu. Když jsem chtěl udělat 2. úroveň menu, tak se mi celé menu, které bylo za odkazem s 2. úrovní posunulo o 10px dolů. Nevíte, čím to může být?
Moc dík za radu Zdroják: <ul> <li class="mb" id="first"> <a href="#">Mobily uvod</a> </li> <li class="mb"> <a href="#">Mobily 2</a> </li> <li class="mb"> <a href="#">Mobily 3</a> </li> <li class="mb"> <a href="#">Články<img src="obrazky/arrowdown.png" class="arrowdown" /> </a> <ul class="sub"> <li>Ahj</li> </ul> </li> <li class="mezera"> </li> <li class="pc"> <a href="#">Pocitace uvod</a> </li> <li class="pc"> <a href="#">Pocitace 2</a> </li> <li class="pc"> <a href="#">Pocitace 3</a> </li> <li class="pc" id="last"> <a href="#">Pocitace 4</a> </li> </ul> A css .menu {
width: 1000px;
height: 35px;
border: 1px solid black;
white-space: nowrap;
margin-left: 0px;
margin: 0 auto;
background-image: url(obrazky/menu.png);
margin-left: -1px;
font-family: Verdana;
font-size: 12px;
}
.menu ul {
white-space: nowrap;
margin-top: 0px;
margin-left: -40px;
}
.menu li {
display: inline;
list-style-type: none;
text-align: center;
}
.menu li.pc a:link {
text-decoration: none;
color: #FFF;
float: left;
display: inline;
line-height: 35px;
padding: 0 18px;
border-right: 1px solid black;
background-image: url(obrazky/menupc.png);
background-position: 0% 0%;
}
.menu li.mb a:link {
text-decoration: none;
color: #FFF;
float: left;
display: inline;
line-height: 35px;
padding: 0 18px;
border-right: 1px solid black;
background-image: url(obrazky/menumb.png);
background-position: 0% 0%;
}
.menu li .arrowdown {position: relative; left: 5px; top: 5px; width: 15px;}
.menu li#first a {border-left: 1px solid black;}
.menu li#last a {border-right: 1px solid black;}
.menu li.mb a:hover, .menu li.mb a.active {background-image: url(obrazky/menuhovermb.png); background-position: 100% 100%;}
.menu li.pc a:hover, .menu li.pc a.active {background-image: url(obrazky/menuhoverpc.png); background-position: 100% 100%;}
.menu ul li > ul.sub {
position: relative;
left: -400px;
top: 35px;
visibility: hidden;
}
.menu ul li:hover ul.sub { visibility: visible; }
|
||
|
Časová prodleva: 14 let
|
|||
0