Hot-Spots

  • Hallo!
    Ich möchte für meine Homepage eine Image-Map benutzen, um Bereiche eines Bilds zu verlinken. Damit sich das Bild an die Fenstergröße anpasst, habe ich <img ... width="100%"> gesetzt.
    Die Image-Map basiert ja aber auf Koordinaten

    <area href="index.html" shape="rect" coords="827, 687, 1145, 729">

    die erhalten bleiben, wenn man das Fenster kleiner macht, und so liegen die "Hot-Spots" dann nicht mehr über den Bereichen auf dem Bild, wie sie sollen. Kennt jemand eine Lösung, damit auch nach dem verkleinern des Fensters die Hot-Spots dort sind wo sie sollen?
    Vielen Dank!

  • Mach einfach ein Div-Kontainer mit den Größen deines Bildes und stell dein Bild als Hintergrund des div ein.
    Danach eine Tabelle mit width und height 100% einfügen. Dort kannst du dann die einzelnen Zellen mit Prozenangaben definieren und in gewünschte Stellen ein durchsichtiges Bild als Link setzen.

    Vorschau

    MfG, Boman.

    Es gibt zwei Regeln fuer Erfolg im Leben:
    1. Erzaehle den Leuten nie alles, was Du weisst ...