Problem med Css/xhtml

Hej, är ny användare här som har stött på problem med css och xhtml.

När jag validerar min sida får jag ett par felmeddelanden som jag inte vet hur jag ska rätta till.

sidan

Finns en länk till validatorn på sidan.

Jag vet inte om det är Cssen det är fel på, eller om jag kodat fel i menyn.

Tackar på förhand

Per

Välkommen till webForum!

Din CSS validerar korrekt, men din lista (ul och li-taggarna) validerar fel i xhtml-validatorn. Skriv så här i stället:

<div id="navlist">
<ul>
<li><a href="#">Fotboll</a></li>
<li><a href="#">Handboll</a></li>
<li><a href="#">Bowling</a></li> 
<li><a href="#">Varpa</a></li>
<li><a href="#">Kontakt</a></li>
</ul> 
</div>

</ul>
<li><a href="#">Fotboll</a></li>

  		\<ul class="navlist"\>

Du har lagt listattributen utanför listan.
sedan har du ett extra /ul innan dina sista divar

				</ul>

<li><a href="#">Kontakt</a></li>

				<ul class="navlist">
					<li><a href="default.asp?sidval-kontakt=foreningen">Föreningen</a></li>
					<li><a href="default.asp?sidval-kontakt=webbansvarig">Webbansvarig</a></li>
/ul>
		</ul> <--------HÄR!
	</div>
</div>

:OO *kikar uppåt*

Tack för era svar!

Har dock testat båda varianterna, men utan att få det resultat jag vill ha. Antingen så försvinner formateringen på menyn, eller så blir allting svart i den.

Grejen är ju att menyn ser korrekt ut i både IE, FF och Opera, men den validerar inte korrekt.

Sen har jag även en följdfråga. Kan man inte lägga länkar i <li> tagen? Har nämligen så på en sida, men då är inte länkarna klickbara i FF och Opera.

Du måste använda dina listor på rätt sätt. :)
Du kan inte skapa en ny lista mellan två list-tags utan enbart innuti en öppen list-tag.

Fel:

[red]<ul>
   <li>..</li>
   [b][blue]<li>..</li>[/blue]
      <ul>
         <li>...</li>
         <li>...</li>
      </ul>
   [blue]<li>...</li>[/blue][/b]
   <li>...</li>
</ul>[/red]

Rätt:

[red]<ul>
   <li>..</li>
   [b][blue]<li>[/blue]
      <ul>
         <li>...</li>
         <li>...</li>
      </ul>
   [blue]</li>[/blue][/b]
   <li>...</li>
</ul>[/red]

Denna validerar och ser OK ut:

[red]<div id="meny">
	<div id="navcontainer">
	 <ul id="navlist">
			<li id="active">

				<a href="#" id="current">Info</a>
			 	<ul class="navlist">
					<li id="subactive"><a href="default.asp?sidval=hem">Hem</a></li>
					<li><a href="default.asp?sidval=aktuellt">Aktuellt</a></li>
					<li><a href="default.asp?sidval=foreningen">Föreningen</a></li>
					<li><a href="default.asp?sidval=styrelsen">Styrelsen</a></li>
					<li><a href="http://www.kaik.se/ekbacken/" target="_blank">Ekbacken</a></li>
					<li><a href="default.asp?sidval=nyheter">Nyheter</a></li>
				</ul>

			</li>
			<li>
				
				<a href="#">Fotboll</a>
				<ul class="navlist">					
					<li class="subactive"><a href="default.asp?sidval-fotboll=allmant">Allmänt</a></li>
					<li><a href="default.asp?sidval-fotboll=lag">Lag</a></li>
					<li><a href="default.asp?sidval-fotboll=traning">Träning</a></li>
				</ul>

			</li>
			<li>

				<a href="#">Handboll</a>
				<ul class="navlist">					
					<li class="subactive"><a href="default.asp?sidval-handboll=allmant">Allmänt</a></li>
					<li><a href="default.asp?sidval-handboll=lag">Lag</a></li>
					<li><a href="default.asp?sidval-handboll=traning">Träning</a></li>
					<li><a href="default.asp?sidval-handboll=cuper">Cuper</a></li>
				</ul>

			</li>
			<li>

				<a href="#">Bowling</a>
				<ul class="navlist">
					<li><a href="default.asp?sidval-bowling=allmant">Allmänt</a></li>

					<li><a href="default.asp?sidval-bowling=lag">Lag</a></li>
				</ul>

			</li>
			<li>

				<a href="#">Varpa</a>
				<ul class="navlist">
					<li><a href="default.asp?sidval-varpa=allmant">Allmänt</a></li>
				</ul>

			</li>
			<li>

				<a href="#">Kontakt</a>
				<ul class="navlist">
					<li><a href="default.asp?sidval-kontakt=foreningen">Föreningen</a></li>
					<li><a href="default.asp?sidval-kontakt=webbansvarig">Webbansvarig</a></li>
				</ul>

			</li>
		</ul>
	</div>
</div>[/red]

Tack Palle!

Nu fungerar det perfekt!

Använder tråden till annan fråga.

På denna sida går det inte att klicka på länkarna i FireFox och Opera, vad beror det på?
Har säkert gjort något galet, men jag kan inte komma på vad

Problemet beror inte på själva länkarna, problemet ligger i att dina absolut positionerade divar (ex. info, fotboll, handboll) ligger och blockerar varandra.
Testa att sätta z-index på din div fotboll till mer än 2, så kommer det fungera.

Kolla över dessa värden så inte dina div´ar blockerar varandra. :)