Supportnet / Forum / Webseiten/HTML
links in bilder einbauen
Frage
ja, wüsst gern wie man in einem bild verschiedene bereiche definiert und die dann unterschiedlich verlinken kann.
mfg
Antwort 1 von Dr.Ma-Busen
Antwort 2 von michael.schon.vergeben
Das Problem löst du mit dem MAP-Tag.
Hier ein Beispiel aus der sehr guten Hilfe SelfHTML:
----------------Beginn Beispiel----------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Text des Titels</title>
</head>
<body>
<h1>Schnell zur Stadt oder Region Ihrer Wahl!</h1>
<map name="Landkarte">
<area shape="rect" coords="11,10,59,29" href="http://www.koblenz.de/" alt="Koblenz">
<area shape="rect" coords="42,36,96,57" href="http://www.wiesbaden.de/" alt="Wiesbaden">
.
.
.
<area shape="rect" coords="282,62,344,85" href="http://www.bamberg.de/" alt="Bamberg">
<area shape="rect" coords="255,132,316,150" href="http://www.nuernberg.de/" alt="Nürnberg">
<area shape="rect" coords="78,182,132,200" href="http://www.karlsruhe.de/" alt="Karlsruhe">
<area shape="rect" coords="142,169,200,193" href="http://www.heilbronn.de/" alt="Heilbronn">
<area shape="rect" coords="140,209,198,230" href="http://www.stuttgart.de/" alt="Stuttgart">
<area shape="rect" coords="187,263,222,281" href="http://www.ulm.de/" alt="Ulm">
<area shape="rect" coords="249,278,304,297" href="http://www.augsburg.de/" alt="Augsburg">
<area shape="poly" coords="48,311,105,248,96,210,75,205,38,234,8,310"
href="http://www.baden-aktuell.de/" alt="Baden">
</map>
<p><img src="karte.gif" width="345" height="312" border="0" alt="Karte" usemap="#Landkarte"></p>
</body>
</html>
--------------------ENDE Beispiel-----------
Hier der Link zur HP, wo du dir SelfHTML runterladen kannst, um damit offline zu arbeiten:
http://de.selfhtml.org/
Hier ein Beispiel aus der sehr guten Hilfe SelfHTML:
----------------Beginn Beispiel----------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Text des Titels</title>
</head>
<body>
<h1>Schnell zur Stadt oder Region Ihrer Wahl!</h1>
<map name="Landkarte">
<area shape="rect" coords="11,10,59,29" href="http://www.koblenz.de/" alt="Koblenz">
<area shape="rect" coords="42,36,96,57" href="http://www.wiesbaden.de/" alt="Wiesbaden">
.
.
.
<area shape="rect" coords="282,62,344,85" href="http://www.bamberg.de/" alt="Bamberg">
<area shape="rect" coords="255,132,316,150" href="http://www.nuernberg.de/" alt="Nürnberg">
<area shape="rect" coords="78,182,132,200" href="http://www.karlsruhe.de/" alt="Karlsruhe">
<area shape="rect" coords="142,169,200,193" href="http://www.heilbronn.de/" alt="Heilbronn">
<area shape="rect" coords="140,209,198,230" href="http://www.stuttgart.de/" alt="Stuttgart">
<area shape="rect" coords="187,263,222,281" href="http://www.ulm.de/" alt="Ulm">
<area shape="rect" coords="249,278,304,297" href="http://www.augsburg.de/" alt="Augsburg">
<area shape="poly" coords="48,311,105,248,96,210,75,205,38,234,8,310"
href="http://www.baden-aktuell.de/" alt="Baden">
</map>
<p><img src="karte.gif" width="345" height="312" border="0" alt="Karte" usemap="#Landkarte"></p>
</body>
</html>
--------------------ENDE Beispiel-----------
Hier der Link zur HP, wo du dir SelfHTML runterladen kannst, um damit offline zu arbeiten:
http://de.selfhtml.org/