davidsMedlem sedan mars 2001238 inlägg 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 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 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 :-)
