Seite 1 von 1
Wie auf ein Bild mehrere Links (Verweise) setzten?
Verfasst: 26.06.2009 20:19
von 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
Re: Wie auf ein Bild mehrere Links (Verweise) setzten?
Verfasst: 26.06.2009 20:31
von dieweltist
Das Hintergrundbild aufteilen und jedes Teil einzeln verlinken!
Re: Wie auf ein Bild mehrere Links (Verweise) setzten?
Verfasst: 26.06.2009 20:52
von 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.
Re: Wie auf ein Bild mehrere Links (Verweise) setzten?
Verfasst: 26.06.2009 21:51
von 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.
Re: Wie auf ein Bild mehrere Links (Verweise) setzten?
Verfasst: 27.06.2009 02:27
von 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
Re: Wie auf ein Bild mehrere Links (Verweise) setzten?
Verfasst: 27.06.2009 14:51
von gladiator87
Super Danke euch. Nutze dafür jetzt das Programm MapThis, welches den Code automatisch schreibt und funktioniert perfekt!
Mit freundlichen Grüßen