✔ XHTML 1.1-konforme Verwendung von <map>. Aber wie?

[luke_the_duke]

Hallo,

ich möchte ein Bild mit Anker-Bereichen versehen, habe das mit <map>- und <area>-Tags auch funktionierend umsetzen können. Als ich meine Seite nun durch den Validator jagte (XHTML 1.1), gab dieser mir einen Fehler beim <map>-Tag an: Ich würde das unerlaubte name-Attribut verwenden. Wenn ich jedoch dieses Attribut entferne, funktionieren die Links nicht mehr.

Kann mir jemand weiterhelfen?

gruss

 

[Gumbo]

Nimm statt des name-Attributs das id-Attribut. Das name-Attribut ist in XHTML 1.1 nur noch bei Formularelementen zulässig.

 

[luke_the_duke]

Hallo,

danke für die prompte Rückmeldung. Das hab ich natürlich auch schon probiert, bloss funktionieren tuts dann nicht mehr. Vielleicht hab ich ja sonstwo einen Fehler:

<img src="bild.jpg" alt="Beschreibung" width="236" height="236" usemap="map" style="border: none;"/>
<map id="map">
  <area shape="rect" coords="97,152,231,178" href="http://www.tutorials.de" alt="Link zu tutorials.de" />
  <area shape="rect" coords="97,179,231,203" href="mailto:info@meineseite.de" alt="Info-Mail" />
</map>

danke und gruss

 

[Gumbo]

Hast du schon daran gedacht das Ganze einfach mit CSS umzusetzen? Gerade bei rechteckigen Formen geht das recht einfach.

 

[luke_the_duke]

Nein, daran hab ich nicht gedacht, hab auch gar nicht gewusst, dass man das kann. Könntest du mir vielleicht ein Stichwort liefern, nach dem ich suchen muss?

danke & gruss

 

[Maik]

Hi,

vielleicht helfen dir da Stu Nicholls' "Image Maps" weiter?

1. http://www.cssplay.co.uk/menu/imap.html
   
2. http://www.cssplay.co.uk/menu/old_master.html
   
3. http://www.cssplay.co.uk/menu/mantis.html
   
4. http://www.cssplay.co.uk/menu/solar_map.html
   
5. http://www.cssplay.co.uk/menu/menu_map.html

 

[luke_the_duke]

Hallo,

vielen Dank für die Links, das nenn ich einen Denkanstoss.


gruss