Wie auf ein Bild mehrere Links (Verweise) setzten?

[gladiator87]

Hallo zusammen,

folgende Fragestellung/Problem:
Ich habe ein Hintergrund Bild und dem Bild sollen mehrere Linkverweise sein. Ich weiss wie ich EINEN Link hinter EIN ganzes Bild packe aber eben nicht mehrere. Dazu bräuchte ich einfach den passenden HTML Code, den ich dann in meine Portalbox packen kann.
So habe ich mir das vorgestellt:

[ externes Bild ]

Wäre schön wenn ihr mir da weiterhelfen könntet!

MFG

[dieweltist]

Das Hintergrundbild aufteilen und jedes Teil einzeln verlinken!

[gladiator87]

Teile ich das Bild auf und füge die einzelnen Elemente nacheinander ein, so habe ich immer einen paar Pixel breite Trennung zwischen den einzelnen Bildern.

[dieweltist]

In Beiträgen ist dies aber nicht so, wie man auf dem obersten Bild sieht: Klick!

Also müsste dies auch in Hintergrundbildern möglich sein.

[4seven]

das machst du am besten mit sog. image-maps

hier eine beispiel für ein bild mit 450px breite und 400px höhe
und 4 übereinander liegenden (rechteckigen) link-bereichen mit je 450 px breite und 100 px höhe:

Code: Alles auswählen

<img src="http://www.blub.de/images/blubs.jpg" alt="" width="450" height="400" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="0,0,450,100" href="http://www.blub.de/1_ter_link.html" alt="" />
<area shape="rect" coords="0,100,450,200" href="http://www.blub.de/2_ter_link.html" alt="" />
<area shape="rect" coords="0,200,450,300" href="http://www.blub.de/3_ter_link.html" alt="" />
<area shape="rect" coords="0,300,450,400" href="http://www.blub.de/4_ter_link.html" alt="" />
</map>  

- der 1. wert ist die linke obere ecke * > px von links
- der 2. ist die linke obere ecke * > px von oben
- der 3. die rechte untere ecke * > px von links
- der 4. die rechte untere ecke * > px von oben

* des rechtecks

[gladiator87]

Super Danke euch. Nutze dafür jetzt das Programm MapThis, welches den Code automatisch schreibt und funktioniert perfekt!

Mit freundlichen Grüßen