Imagemap absolut oben links positionieren

[Thomas Luethi]

Hallo Mira,

schoen, dass es funktioniert! ;-)

Ist das jetzt zuviel des Guten???

html, body { margin:0; border:0; padding:0; }
p.obenlinks, p.obenlinks img { margin:0; border:0; padding:0; }

Naja, man koennte das CSS noch etwas kompakter schreiben:
html, body,  p.obenlinks, p.obenlinks img
  { margin:0; border:0; padding:0; }

<p class="obenlinks"><IMG height="11" src="navi.png" width="189" useMap="#navi2" name="navi" border="0" alt=""></p>
<MAP name="navi2">
<AREA shape=RECT target=self coords=2,2,38,9 href="test.html">
<AREA shape=RECT target=self coords=49,2,94,9 href="test.html">
</MAP>

IMG-Tag:
* Die folgenden Attribute sind IMHO ueberfluessig:
  name, border
* Mach ggf. ein sinnvolleres ALT-Attribut hin.

AREA-Tags:
Sollten unbedingt ein ALT-Attribut mit sinnvollem Text enthalten.
(Fuer Benutzer von Nicht-Grafischen Browsern, z.B. Blinde.)
Auch eine zweite, redundante Navigation mit Text-Links waere gut fuer alle, die die Grafik und somit die Imagemap nicht sehen.
Siehe:
http://www.w3.org/Consortium/Offices/Germany/Trans/WAI/webinhalt.html#tech-text-equivalent
http://www.w3.org/TR/WCAG10-HTML-TECHS/#client-side-text-equivs

mfg
Thomas