Brak zgodności

[Maverick]

witam
mam taki kodzik

Kod: Zaznacz cały

<div class="mainmenu">
	 <ul id="mainmenu">
			<li>
				<a href="">Menu1</a>
				   	<ul>
					<li><a href="">Podmenu</a></li>
					<li><a href="">Podemnu</a></li>
					</ul>
			</li>
	</ul>
		 
	<ul id="mainmenu">
			<li>
				<a href="">Menu</a>
				   	<ul>
					<li><a href="">Podemnu</a></li>
					<li><a href="">Podemnu</a></li>
					<li><a href="">Podemnu</a></li>
					</ul>
			</li>
	</ul>
	
	<ul id="mainmenu">
			<li>
				<a href="">Menu</a>
			</li>
	</ul>
			 	   
	<ul id="mainmenu">
	<li><a href="">Menu</a></li>
				   </ul>
	<ul id="mainmenu">
			<li>
				<a href="">Menu</a></li>
			</ul>
</div>

I gdy przepuszczę stronkę przez walidator mam takie błędy

Line 48 column 9: ID "mainmenu" already defined.
Line 38 column 10: ID "mainmenu" first defined here.
Line 59 column 9: ID "mainmenu" already defined.
...

Wnioskuję z tego, że już zdefiniowałem "mainmenu", ale przecież zamykam<ul id="mainmenu"> ..... </ul> więc oco mu chodzi?

[sztacho]

W kodzie może znajdować się co najwyżej jeden element o danym id. Ty go używasz 5 (!) razy. Zapamiętaj:
dla id - co najwyżej jeden raz może wystąpić w kodzie strony
dla class - może występować wiele razy w kodzie strony

[Maverick]

po zmianie id na class to ustrojstwo nie wyświetla się poprawnie.

[sztacho]

a podałeś w klasie style takie jak wczesniej byly w id? najlepiej po prostu uzyj roznych nazw dla klasy i dla identyfikatora mainmenu