usemap och ankare

Har fått nya problem och nu med en usemap och ett ankare. Kodar i xhtml strict 1.1. Här i testen använder jag google, men annars ska denna länk leda till sidans topp.

Problem1, sidan klarar en validering, men det det går inte att klicka på länken.

Jag har följande kod:

<img src="images/separator.gif" usemap="sidaupp" alt="upp" class="separator" />

	<map id="sidaupp">
	<area shape="rect" coords="205,2,226,14" href="http://www.google.com" alt="Google"/>

Problem2. När jag kodade ankaret så använde jag följande:

<a name="topp"></a>

och

<area shape="rect" coords="205,2,226,14" href="#topp" alt="Upp"/>

Men valideringen i xhtml 1.1 strict har inget "name".

Någon som har något förslag på hur jag kan lösa detta?

Testsida

1. <MAP> kan inte ha attributet ID. Byt ut id till name.
2. När du ska länka till ett "bokmärke" inom dokumentet behöver du inte länka till ett <A> element. Vill du t.ex. länka till toppen på sidan, kan du; om du har en <div id="header"> högst upp, i början av koden; länka till den med <a href="#header">Till toppen</a>.

I HTML4 är det usemap="#sidaupp", i den modulbaserade XHTML är attributet usemap definierat som IDREFS, alltså utan "#", vilket inte är bakåtkompatibelt med HTML. I XHTML används id="" som identifierare istället för name="" som HTML4 använder för MAP.

XHTML 1.1 är dock inte tänkt att skickas som text/html eftersom det, vilket du märker, inte är fullt bakåtkompatibelt med HTML... :)

Insider skrev:

<MAP> kan inte ha attributet ID. Byt ut id till name.

Jo då, det är fullt tillåtet. Dock definierar HTML4 en relation mellan usemap="" och name="", inte usemap="" och id="". ;)

Har försökt med <map name="sidaupp"> Men då klarar inte sidan en validering, då attributet name inte finns i xhtml strict.

Om du vill

1. låtsas använda XHTML
2. att det ska fungera när webbläsare tolkar det som taggsoppa

så får du nog byta till XHTML 1.0 Strict. Om den första punkten inte är så viktig kan du använda HTML 4.01 Strict istället. Om du ändå vill använda XHTML 1.1 får du nog byta MIME type till application/xml. :bire

Ibland skaffar man sig mer problem än vad man behöver och alldeles i onödan. :q

Löste hela problemet genom att att lägga bilden utan text som bakgrundsbild i footer och använda länken <a href="#header">Upp</a>

Tack ändå för att ni tog er tid!