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
[CSS] pobierz, plaintext 
  1. }
  2. div#menu {
  3. 	background-color: #000;
  4. 	margin-top: 0px;
  5. 	margin-bottom: 20px;
  6. 	z-index: 1;
  7. 	height: 22px;
  8. 	width:inherit;
  9. 	display: inline-block;
  10. 	text-align:center;
  11. }
  12.  
  13. div#menu a{
  14. 	display:block;
  15. 	color:#fff;
  16. 	text-decoration:none;
  17. 	font-weight:bold;
  18. 	height:20px;
  19. 	padding:4px 0;
  20.  
  21. }
  22.  
  23.  
  24. ul#menu{
  25. 	list-style: none;
  26. 	padding: 0;
  27. 	margin: 0;
  28. 	padding-left: 4px;
  29. 	padding-right: 4px;
  30. }
  31.  
  32. ul#menu li{
  33. 	float: left;
  34. 	position: relative;
  35. 	width: 160px;
  36. 	background-color:#3e404c;
  37. 	margin-left: 1px;
  38. 	margin-right: 1px;
  39. 	height: inherit;
  40. 	z-index: 5;
  41. }
  42.  
  43.  
  44.  
  45. ul#menu li ul li{
  46. 	/*position: relative;*/
  47. 	right: 41px;
  48. 	background-color:#000;
  49. }
  50.  
  51. ul#menu li ul li ul li{
  52. 	position:relative;
  53. 	right: 41px;
  54. 	background-color:#000;
  55. }
  56.  
  57. ul#menu li ul{
  58. 	list-style: none;
  59. 	visibility:hidden;
  60. 	position: absolute;
  61. 	width:150px;
  62. 	top: 28px;
  63. 	left: 0;
  64. 	right: 50px;
  65. }
  66.  
  67. ul#menu li:hover{
  68. 	background-color:#F00;
  69. }
  70.  
  71. ul#menu li:hover > ul{
  72. 	visibility:visible !important;
  73. }
[CSS] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. <div id="menu">
  2.           <ul id="menu">
  3.           	<li><a href="index.php">Home</a></li>
  4.             <li><a href="#">Modele</a>
  5.             	<ul>
  6.                 	<li><a href="cx_50_jr_2011.php">CX 50 Jr</a></li>
  7.                 	<li><a href="cx_50_sr_sw_2011.php">CX 50 Sr (SW)</a></li>
  8.                 	<li><a href="cx_50_sr_bw_2011.php">CX 50 Sr (BW)</a></li>
  9.                 	<li><a href="cx_65_2011.php">CX 65 </a></li>
  10.             	</ul>
  11.             </li>
  12.             <li><a href="dealers.php">Dealerzy</a></li>
  13.             <li><a href="#">Serwis</a>
  14.             	<ul>
  15.                 	<li><a href="#">Części</a></li>
  16.                     	<ul>
  17.                         	<li><a href="#">Siema</a></li>
  18.                             <li><a href="#">Siema1</a></li>
  19.                             <li><a href="#">Siema2</a></li>
  20.                             <li><a href="#">Siema3</a></li>
  21.                         </ul>
  22.                 	<li><a href="#">CX 50 Jr</a></li>
  23.                 	<li><a href="#">CX 50 Sr (SM)</a></li>
  24.                 	<li><a href="#">CX 50 Sr (BW)</a></li>
  25.                 	<li><a href="#">CX 65</a></li>
  26.               	</ul>
  27.             </li>
  28.             <li><a href="about_cobra.php">O Cobra</a></li>
  29.             <li><a href="contact.php">Kontakt</a></li>
  30.           </ul>
  31.   	</div>
[HTML] pobierz, plaintext