Witam zrobiłem menu które po najechaniu się rozwija w html i css. Teraz potrzebuje aby po najechaniu na podmenu z boku wysuneło się następne pod menu.
to kod
}
div#menu {
background-color: #000;
margin-top: 0px;
margin-bottom: 20px;
z-index: 1;
height: 22px;
width:inherit;
display: inline-block;
text-align:center;
}
div#menu a{
display:block;
color:#fff;
text-decoration:none;
font-weight:bold;
height:20px;
padding:4px 0;
}
ul#menu{
list-style: none;
padding: 0;
margin: 0;
padding-left: 4px;
padding-right: 4px;
}
ul#menu li{
float: left;
position: relative;
width: 160px;
background-color:#3e404c;
margin-left: 1px;
margin-right: 1px;
height: inherit;
z-index: 5;
}
ul#menu li ul li{
/*position: relative;*/
right: 41px;
background-color:#000;
}
ul#menu li ul li ul li{
position:relative;
right: 41px;
background-color:#000;
}
ul#menu li ul{
list-style: none;
visibility:hidden;
position: absolute;
width:150px;
top: 28px;
left: 0;
right: 50px;
}
ul#menu li:hover{
background-color:#F00;
}
ul#menu li:hover > ul{
visibility:visible !important;
}
<li><a href="index.php">Home
</a></li> <li><a href="#">Modele
</a> <li><a href="cx_50_jr_2011.php">CX 50 Jr
</a></li> <li><a href="cx_50_sr_sw_2011.php">CX 50 Sr (SW)
</a></li> <li><a href="cx_50_sr_bw_2011.php">CX 50 Sr (BW)
</a></li> <li><a href="cx_65_2011.php">CX 65
</a></li> <li><a href="dealers.php">Dealerzy
</a></li> <li><a href="#">Serwis
</a> <li><a href="#">Części
</a></li> <li><a href="#">Siema
</a></li> <li><a href="#">Siema1
</a></li> <li><a href="#">Siema2
</a></li> <li><a href="#">Siema3
</a></li> <li><a href="#">CX 50 Jr
</a></li> <li><a href="#">CX 50 Sr (SM)
</a></li> <li><a href="#">CX 50 Sr (BW)
</a></li> <li><a href="#">CX 65
</a></li> <li><a href="about_cobra.php">O Cobra
</a></li> <li><a href="contact.php">Kontakt
</a></li>