Autor Zpráva
kozusnik.jan
Profil *
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; }

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: