---
title: "Problem med Css/xhtml"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/121604-problem-med-css-xhtml"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Perb"
published: "2005-02-02T20:44:21.000Z"
updated: "2005-02-04T19:09:54.000Z"
replies: 7
views: 376
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/121604-problem-med-css-xhtml"
---

# Problem med Css/xhtml

## #1 — Perb, 2005-02-02T20:44Z

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](http://www.kaik.se/ny) 

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

Permalänk: https://www.webforum.nu/p/121604

## #2 — m_soderlund, 2005-02-02T20:51Z

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>
```

Permalänk: https://www.webforum.nu/p/1543340

## #3 — kaxigt, 2005-02-02T20:52Z

> \</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>
```

Permalänk: https://www.webforum.nu/p/1543341

## #4 — kaxigt, 2005-02-02T20:53Z

:OO  \*kikar uppåt\*

Permalänk: https://www.webforum.nu/p/1543342

## #5 — Perb, 2005-02-03T20:11Z

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.

Permalänk: https://www.webforum.nu/p/1546914

## #6 — Palle, 2005-02-03T21:42Z

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]
```

Permalänk: https://www.webforum.nu/p/1546959

## #7 — Perb, 2005-02-04T13:59Z

Tack Palle!

Nu fungerar det perfekt!

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

På  [denna](http://www.kaik.se/ny/default.asp?sidval-fotboll=lag) 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

Permalänk: https://www.webforum.nu/p/1547207

## #8 — Palle, 2005-02-04T19:09Z

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. :)

Permalänk: https://www.webforum.nu/p/1547372

---

Tråden på webben: https://www.webforum.nu/amne/html-css/121604-problem-med-css-xhtml