Imagemap - HTML 4.01 till XHTML 1.1

2 svar · 236 visningar · startad av davids 8 jan. 2003

davidsMedlem sedan mars 2001238 inlägg

Trådstart8 jan. 2003 08:34#1

Hejsan!

Sitter här med ett litet problem jag inte lyckats lösa än. Har i en laboration skapat en hemsida i HTML 4.01 som jag nu ska konvertera till XHTML. Problemet är att validatorn inte gillar min imagemap riktigt. Därför ändrade jag till nedanstående:

<a href=""><img src="meny.gif" alt="" usemap="meny" style="border: 0px;"/></a>
<map id="meny">
<area shape="rect" coords="6,1,75,18" href="index.html" alt=""/>
<area shape="rect" coords="88,1,193,18" href="foretaget.html" alt=""/>
<area shape="rect" coords="205,1,310,18" href="produkter.html" alt=""/>
</map>

Det jag har gjort är att jag har tagit bort #-tecknet vid usemap samt ändrat name till id i map-taggen. Det gillar validatorn, som nu godkänner sidan. Men min imagemap fungerar inte... Istället för sidan som jag länkar till så får jag nu upp mappen som filen ligger i.

Nåt är fel. Vad?

/David

Web-TorMedlem sedan nov. 200013 890 inlägg

8 jan. 2003 18:22#2

Du ska inte ha en <a>-tagg runt bilden, däremot måste den ligga i någon slags container.
Detta borde funka:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
<title></title>
</head>

<body>

<div>
	<img src="kuvert.jpg" alt="" usemap="#meny" style="border: 0px;" />

	<map id="meny">
		<area shape="rect" coords="6,1,75,18" href="index.html" alt="" />
		<area shape="rect" coords="88,1,193,18" href="foretaget.html" alt="" />
		<area shape="rect" coords="205,1,310,18" href="produkter.html" alt="" />
	</map>
</div>

</body>
</html>

davidsMedlem sedan mars 2001238 inlägg

8 jan. 2003 18:59#3

Tack för ditt svar!

Det visade sig nu när jag testade att även min kod valideras som XHTML 1.0 Strict när jag ändrade. Tidigare hade jag satt dokumentet till XHTML 1.1. I XHTML 1.1 klagar validatorn på #-tecknet samt att ID't inte finns, men XHTML 1.0 Strict sväljer detta. Skumt...

Lösningen: Byta från XHTML 1.1 till XHTML 1.0 Strict :-)