Проблем с падащо меню

ludak

Registered
Имам следниа код
Код:
<style type="text/css">
ul {
margin: 0;
padding: 0;

width: 48px; /* Width of Menu Items */
color: #ffffff;
}

ul li {
position: relative;
}

li ul {
position: absolute;
left: 0px; /* Set 1px less than menu width */
top: 0;
display: none;
color: #ffffff;
}

/* Styles for Menu Items */
ul li a {
display: block;
text-decoration: none;
padding: 0px;
border-bottom: 0;
color: #ffffff;
}

#nav1 {
text-decoration: none;
color: #ffffff;
background: #2c2c37;
padding: 5px;
border: 1px solid #000000;
width: 100px;
}

li:hover ul, li.over ul { display: block; } /* The magic */
</style>

<ul>
<li><a href="#">Градът</a>
<ul>
<br>
<li><a href='?a=bank'id="nav1">Банка</a></li>
<li><a href='?a=bar'id="nav1">Бар</a></li>
<li><a href='?a=bolnica'id="nav1">Болница</a></li>
<li><a href='?a=orr'id="nav1">Пазар</a></li>
<li><a href='?a=atak'id="nav1">Престъпления</a></li>
<li><a href='?a=messages&page=inbox'id="nav1">Поща</a></li>
</ul>
</li>
</ul>
това е за падащо меню инклудвам го така със едно др мену което не е бадащо
Код:
<?php include ( 'menus.php' ) ?><?php include ( 'menu.php' ) ?>
ефекта е тъкъв
gadno.jpg
искам това град да не е над др меню а да е със него ако искате нещо др кажете менюто е моя изработка
 
ем ето при мен екакто го исакш ето ти кода
Код:
<style type="text/css"> 
ul { 
margin: 0; 
padding: 0; 

width: 48px; /* Width of Menu Items */ 
color: #ffffff; 
} 

ul li { 
position: relative; 
} 

li ul { 
position: absolute; 
left: 0px; /* Set 1px less than menu width */ 
top: 0; 
display: none; 
color: #ffffff; 
} 

/* Styles for Menu Items */ 
ul li a { 
display: block; 
text-decoration: none; 
padding: 0px; 
border-bottom: 0; 
color: #ffffff; 
} 

#nav1 { 
text-decoration: none; 
color: #ffffff; 
background: #2c2c37; 
padding: 5px; 
border: 1px solid #000000; 
width: 100px; 
} 

li:hover ul, li.over ul { display: block; } /* The magic */ 
</style> 
</li>
</ul>
<a href="#">Градът</a> 
<ul>
<li><a href='?a=bank'id="nav1">Банка</a></li> 
<li><a href='?a=bar'id="nav1">Бар</a></li> 
<li><a href='?a=bolnica'id="nav1">Болница</a></li> 
<li><a href='?a=orr'id="nav1">Пазар</a></li> 
<li><a href='?a=atak'id="nav1">Престъпления</a></li> 
<li><a href='?a=messages&page=inbox'id="nav1">Поща</a></li> 
</ul>
</li> 
</ul>
 
Код:
 <style type="text/css">
ul {
margin: 0;
padding: 0;

width: 48px; /* Width of Menu Items */
color: #ffffff;
}

ul li {
position: relative;
}

li ul {
position: absolute;
left: 0px; /* Set 1px less than menu width */
top: 0;
display: none;
color: #ffffff;
}

/* Styles for Menu Items */
ul li a {
display: block;
text-decoration: none;
padding: 0px;
border-bottom: 0;
color: #0000;
}

#nav1 {
text-decoration: none;
color: #ffffff;
background: #2c2c37;
padding: 5px;
border: 1px solid #000000;
width: 100px;
}

li:hover ul, li.over ul { display: block; } /* The magic */
</style>
</li>
</ul>
<a href="#">Градът</a>
<ul>
<li><a href='?a=bank'id="nav1">Банка</a></li>
<li><a href='?a=bar'id="nav1">Бар</a></li>
<li><a href='?a=bolnica'id="nav1">Болница</a></li>
<li><a href='?a=orr'id="nav1">Пазар</a></li>
<li><a href='?a=atak'id="nav1">Престъпления</a></li>
<li><a href='?a=messages&page=inbox'id="nav1">Поща</a></li>
</ul>
</li>
</ul>
 

Back
Горе