usemap och ankare

5 svar · 498 visningar · startad av AnnelieT 9 nov. 2005

AnnelieTMedlem sedan apr. 200553 inlägg

Frågan9 nov. 2005 21:25#1

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

InsiderMedlem sedan jan. 2000978 inlägg

9 nov. 2005 21:59#2

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

zcorpanMedlem sedan dec. 20042 245 inlägg

9 nov. 2005 22:09#3

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="". ;)

AnnelieTMedlem sedan apr. 200553 inlägg

9 nov. 2005 22:14#4

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

zcorpanMedlem sedan dec. 20042 245 inlägg

9 nov. 2005 22:24#5

Om du vill

låtsas använda XHTML
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

AnnelieTMedlem sedan apr. 200553 inlägg

9 nov. 2005 22:54#6

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!