Cześć wszystkim,
nie mogę dojść do tego,by moje menu bylo takie jak tu(chciałąm połączyć dwa ostatnie przykłady) http://www.kurshtml.boo.pl/skrypty/wyglad,..._rozwijane.html
Proszę pomóżcie,bo nie wiem,czy mam tworzyć jakiś plik menu.js co tam napisać i nie wiem, czy w css moge do jednego stylu przypisać kilka menu.Błagam,pokażcie mi błędy,lub poprawcie.
[HTML] pobierz, plaintext 
  1. <head>
  2. <script type="text/javascript" src="menu.js"></script>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Centrum zaopatrzenia rolnictwa</title>
  5. </head>
  6. <link rel="Stylesheet" type="text/css" href="menu.css" />
  7. <body>
  8.  
  9. <div class="menu">
  10. <dl id="menu0">
  11. <dt>DOJARKI, SCHŁADZALNIKI,
  12. <p>ZGARNIACZE, WYMIENNIKI</p>
  13. <p>CIEPŁA, WYPOSAŻENIE OBÓR</p> </dt>
  14. <dd>
  15.  
  16.   <dl>
  17.   <dt><a href="www.technik.wegrow.pl/dojarki/udojowe.html">SYSTEMY UDOJOWE</a></dt>
  18.   <dd>
  19.  
  20.   	<dl>
  21.   	<dt><a href="www.technik.wegrow.pl/dojarki//udojowe/rurociagowe.html">DOJARKI RUROCIĄGOWE</a></dt>
  22.     <dd>
  23.  
  24.     	<dl>
  25.   		<dt><a href="www.technik.wegrow.pl/dojarki//udojowe/rurociagowe/nowe.html">NOWE</a></dt>
  26.    	 		<dd><a href="www.technik.wegrow.pl/dojarki/udojowe/rurociagowe/nowe/delaval.html">DeLaval</a></dd>
  27.     		<dd><a href="www.technik.wegrow.pl/dojarki/udojowe/rurociagowe/nowe/wetfalia.html">Wetfalia</a></dd>
  28.     		<dd><a href="www.technik.wegrow.pl/dojarki/udojowe/rurociagowe/nowe/polanes.html">Polanes</a></dd>
  29.     		<dd><a href="www.technik.wegrow.pl/dojarki/udojowe/rurociagowe/nowe/fabdec.html">Fabdec</a></dd>
  30.   		<dt><a href="www.technik.wegrow.pl/dojarki/udojowe/rurociagowe/uzywane.html">UŻYWANE</a></dt>
  31.     		<dd><a href="www.technik.wegrow.pl/dojarki/udojowe/rurociagowe/uzywane/alfaleval.html">AlfaLeval</a></dd>
  32.     		<dd><a href="www.technik.wegrow.pl/dojarki/udojowe/rurociagowe/uzywane/wetfalia.html">Wetfalia</a></dd>
  33.          </dl>
  34.    </dd>
  35.    </dl>
  36.    <dl>
  37.    <dt><a href="www.technik.wegrow.pl/dojarki/hale.html">HALE UDOJOWE</a></dt>
  38.     <dt><a href="www.technik.wegrow.pl/dojarki/hale/nowe.html">NOWE</a></dt>
  39.      <dd><a href="www.technik.wegrow.pl/dojarki/hale/nowe/DeLaval.html">DELAVAL</a></dd>
  40.      <dd><a href="www.technik.wegrow.pl/dojarki/hale/nowe/Fabdec.html">FABDEC</a></dd>
  41.     <dt><a href="www.technik.wegrow.pl/dojarki/hale/uzywane.html">UŻYWANE</a></dt>
  42.    </dl>
  43.    </dd>
  44.    </dl>
  45.  
  46.    <dl>
  47.    <dd>
  48.    <dt><a href="">SCHŁADZALNIKI</a></dt>
  49.  
  50.             <dt><a href="www.technik.wegrow.pl/schladzalniki/okragle.html">OKRĄGŁE</a></dt>
  51.             	<dd><a href="www.technik.wegrow.pl/schladzalniki/okragle/eurotanks.html">EUROTANKS</a></dd>
  52.             	<dd><a href="www.technik.wegrow.pl/schladzalniki/okragle/darikool.html">DARIKOOL</a></dd>
  53.  
  54.  
  55.         <dl>    
  56. 		<dt><a href="www.technik.wegrow.pl/zgarniacze.html">ZGARNIACZE OBORNIKA</a></dt>
  57.         	<dd><a href="www.technik.wegrow.pl/zgarniacze/hydrauliczne.html">HUDRAULICZNE</a></dd>
  58.             <dd><a href="www.technik.wegrow.pl/zgarniacze/wolnostanowiskowe.html">DO OBÓR WOLNOSTANOWISKOWYCH</a></dd>
  59.  
  60.             </dl>
  61.  
  62.         <dl>
  63.         <dd>
  64.         <dt><a href="www.technik.wegrow.pl/wymienniki.html">WYMIENNIKI CIEPŁA</a></dt>
  65.  
  66.         <dt><a href="www.technik.wegrow.pl/wyposazenie.html">WYPOSAŻENIE OBÓR</a></dt>
  67.         	<dd><a href="www.technik.wegrow.pl/wyposazenie/poidla.html">POIDŁA</a></dd>
  68.             <dd><a href="www.technik.wegrow.pl/wyposazenie/maty.html">MATY LEGOWISKOWE</a></dd>
  69.         	<dd><a href="www.technik.wegrow.pl/wyposazenie/ocieplenia.html">OCIEPLENIA</a></dd>
  70.         	<dd><a href="www.technik.wegrow.pl/wyposazenie/ruszta.html">RUSZTA</a></dd>
  71.  
  72.         <dt><a href="www.technik.wegrow.pl/ruje.html">SYSTEM WYKRYWANIA RUI</a></dt>
  73.         <dt><a href="www.technik.wegrow.pl/myjnie.html">MYJNIE AUTOMATYCZNE</a></dt>
  74.  
  75. 		<script type="text/javascript">
  76. 	// <![CDATA[
  77. 	new Menu('menu0', 'menu0', true, false, 0, 0, -1, -1, true);
  78. 	// ]]>
  79. 	</script>
  80. 		</dl>
  81.  
  82.  
  83. 		<dl><dd>
  84.         <dl id="menu1">
  85. 		<dt><a href="www.technik.wegrow.pl/maszyny.html">MASZYNY ROLNICZE I CIĄGNIKI</a></dt>
  86.         	<dd><a href="www.technik.wegrow.pl/maszyny/ciagniki.html">CIĄGNIKI ROLNICZE</a></dd>
  87.             	<dd><a href="www.technik.wegrow.pl/maszyny/ciagniki/farmer.html">FARMER</a></dd>
  88.                 <dd><a href="www.technik.wegrow.pl/maszyny/ciagniki/johndeere.html">JOHNDEERE</a></dd>
  89.                 <dd><a href="www.technik.wegrow.pl/maszyny/ciagniki/inne.html">INNE</a></dd>
  90.             <dt><a href="www.technik.wegrow.pl/maszyny/maszyny.html">MASZYNY ROLNICZE</a></dt>
  91.             	<dd><a href="www.technik.wegrow.pl/maszyny/maszyny/agromasz.html">AGRO-MASZ</a></dd>
  92.                 <dd><a href="www.technik.wegrow.pl/maszyny/maszyny/agrovolt.html">AGRO-VOLT</a></dd>
  93.  
  94. 	<script type="text/javascript">
  95. 	// <![CDATA[
  96. 	new Menu('menu1', 'menu0', true, false, 0, 0, -1, -1, true);
  97. 	// ]]>
  98. 	</script>
  99. 	</dl>
  100.  
  101.         <dl id="menu2">
  102. 		<dt><a href="www.technik.wegrow.pl/nasiona.html">NASIONA, ŚRODKI PRODUKCJI ROLNEJ,PASZE</a></dt>
  103.          <dd><a href="www.technik.wegrow.pl/nasiona/kukurydza.html">KUKURYDZA</a></dd>
  104.          <dt><a href="www.technik.wegrow.pl/nasiona/trawy.html">TRAWY</a></dt>
  105.          	<dd><a href="www.technik.wegrow.pl/nasiona/lakowa.html">ŁĄKOWA</a></dd>
  106.             <dd><a href="www.technik.wegrow.pl/nasiona/pastwiskow.html">PASTWISKOWA</a></dd>
  107.             <dd><a href="www.technik.wegrow.pl/nasiona/pastwisko.html">PASTWISKOWO-ŁĄKOWA</a></dd>
  108.        	 <dt><a href="www.technik.wegrow.pl/nasiona/pasze.html">PASZE</a></dt>
  109.          	<dd><a href="www.technik.wegrow.pl/nasiona/pasze/golpasz.html">GOLPASZ</a></dd>
  110.          	<dd><a href="www.technik.wegrow.pl/nasiona/pasze/wipasz.html">WIPASZ</a></dd>
  111.          <dd><a href="www.technik.wegrow.pl/nasiona/inne.html">INNE</a></dd>
  112.  
  113.         <script type="text/javascript">
  114. 	// <![CDATA[
  115. 	new Menu('menu2', 'menu0', true, false, 0, 0, -1, -1, true);
  116. 	// ]]>
  117. 	</script>
  118.     </dl>
  119.  
  120.         <dl id="menu3">
  121.         <dt><a href="...">SKLEP INTERNETOWY</a></dt>
  122.         </dl>
  123.         <dl id="menu4">
  124.         <dt><a href="...">KONTAKT</a>
  125. 		</dl>
  126.  
  127.  
  128. 	</dl>
  129. </dd>
  130. <dd>
  131. 	</dd>
  132. </dd>
  133. </dl>
  134. </div>
  135. </body>
[HTML] pobierz, plaintext


css:
[HTML] pobierz, plaintext 
  1. .menu0 {
  2. 	position: relative;
  3. 	float:left;
  4. 	clear:none;
  5. }
  6.  
  7. #menu1 {
  8. 	left: 150px;
  9. }
  10.  
  11. #menu2 {
  12. 	left: 300px;}
  13. #menu3 {
  14. 	left:450px;}
  15. #menu4{
  16. 	left:600px;}
  17.  
  18. .menu0, .menu0 dl{
  19. 	width: 150px;
  20. 	margin: 0;
  21. 	padding: 0;
  22. 	border-width: 1px;
  23. 	border-style: solid;
  24. 	font-size: 12px;
  25. 	position: absolute;
  26. 	border-color:#9C3;
  27. 	left: -2px;
  28. 	top: 193px;
  29. }
  30.  
  31.  
  32. .menu0 dt , .menu1 dt{
  33. 	margin: 0;
  34. 	cursor: pointer;
  35. 	background-color: #9C3;
  36. 	font-weight: bold;
  37. 	text-align: center;
  38. 	color:#000;
  39. 	font-size: 14px;
  40. 	border-width: 1px;
  41. 	border-style: solid;
  42. 	padding: 4px 5px;
  43.  
  44. }
  45.  
  46. .menu dd {
  47. 	background-color:#9C3;
  48. 	color: #000;
  49. 	background-color:#9C3;
  50. 	color: #000;
  51. 	margin: 0;
  52. 	padding: 0;
  53. 	width: 150px;
  54. 	height: 22px;
  55. }
  56. .menu0 dd.active {
  57. 	font-weight: bold;
  58. }
  59. .menu0 dt a {
  60. 	background: url("submenu.gif") no-repeat 140px 8px;
  61. 	padding-right: 20px;
  62. .menu0 a:link, .menu0 a:visited {
  63. 	display: block;
  64. 	color: #000;
  65. 	text-decoration: none;
  66. 	padding: 4px 5px;
  67. }
  68. .menu0 a:link, .menu0 a:visited {
  69. 	display: block;
  70. 	color:#6C0;
  71. 	text-decoration: none;
  72. 	padding: 4px 5px;
  73. }
  74. .menu0 a:hover {
  75. 	color: #fff;
  76. 	background-color:#9C6;
  77. }
  78.  
  79. .menu0 dl {
  80. 	position: absolute;
  81. 	border: 0;}
  82. .menu0 dl dd {
  83. 	position: relative;
  84. 	left: 151px;
  85. 	bottom: 22px;
  86. 	border-left: 1px solid #6C3;
  87. 	border-right: 1px solid #6C3;
  88. } 
[HTML] pobierz, plaintext