Das ist die generierte Karte mit 3 Orten, das heißt normalerweise sind es mehr aber ich wollte euch das nicht antun. Ganz unten kann man den img-tag der Karte sehen (img/deckkarte2.gif) und im 1. Tooltipp habe ich deinen Vorschlag eingebunden.
- Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="content-Language" content="de">
<meta name="author" content="...">
<link rel="stylesheet" href="std.css.php">
<title></title>
<link href="img/deckkarte_mouseover/style.css" rel="stylesheet" type="text/css" media="screen" />
<!--[if lte IE 6]> <link href="img/deckkarte_mouseover/style_ie6.css" rel="stylesheet" type="text/css" media="screen" /> <![endif]-->
<link href="img/pfeile_mouseover/style.css" rel="stylesheet" type="text/css" media="screen" />
<!--[if lte IE 6]> <link href="img/pfeile_mouseover/style_ie6.css" rel="stylesheet" type="text/css" media="screen" /> <![endif]-->
<style type="text/css">
/* <![CDATA[ */
img {
display:none;
position:absolute;
/* Ersatz */
width:200px;
height:200px;
}
div#tt {
border:1px solid #cccccc;
width:200px;
}
/* ]]> */
</style>
<script type="text/javascript">
/* <![CDATA[ */
function putArrow(pfeilname, top, left)
{
var img = document.getElementById('pfeilbild');
img.src = pfeilname + ".gif"; // Dateinamen zusammensetzen und Bildquelle setzen
img.style.top = top + "px"; // Position setzen, gemessen am <body> ...
img.style.left = left + "px"; // ... wenn das <img> direkt im <body> steht
img.style.display = 'block'; // <img> sichtbar machen
}
function hideArrow(idImg)
{
document.getElementById('pfeilbild').style.display = 'none'; // <img> wieder weg
}
/* ]]> */
</script>
</head>
<body class="haupt">
<script type="text/javascript" src="js/wz_tooltip.js"></script>
<div class="start">
<p id="h1">Alle Projektorte sind nach Postleitzahlen angeordnet und zum Anklicken.<br />Beim Drüberfahren mit dem Mauszeiger erhalten Sie nähere Informationen.</p><br/><br />
<a id="pic1" href="projektstaedte/neubrandenburg/neubrandenburg_karte.php" onMouseOver="TagToTip('nb', WIDTH, 252, FIX, [227, 200], LEFT, true, BGCOLOR, '#ffffff', BORDERCOLOR, '#75a96b', BORDERWIDTH, 2, CLOSEBTN, true, CLOSEBTNCOLORS, ['#dddddd', '#888888', 'white', '#0000000'], STICKY, true, FADEIN, 300, PADDING, 5, TITLE, '<a style="color:#ffffff;" href="projektstaedte/neubrandenburg/neubrandenburg_projekte.php">Neubrandenburg</a>')"><span></span></a>
<span class="disno" id="nb">
In Neubrandenburg lernen Sie Mecklenburg Vorpommern aus der Perspektive eines Riesen kennen und erleben die Natur pur.<br /><br />
<a href="projektstaedte/woggersin/woggersin_projekte.php" onMouseOver="putArrow('nb-woggersin', 100, 200)" onMouseOut="hideArrow('nb-woggersin')">bis 17039 Woggersin 6 km</a><br />
<a href="projektstaedte/luisenhof/luisenhof_projekte.php">bis 17039 Luisenhof 10 km</a><br />
<a href="projektstaedte/passentin/passentin_projekte.php">bis 17217 Passentin 13 km</a><br />
<a href="projektstaedte/wrodow/wrodow_projekte.php">bis 17091 Wrodow 14 km</a><br />
<a href="projektstaedte/havelquellreich/havel_projekte.php">bis 17219 Ankershagen 23 km</a><br />
<a href="projektstaedte/neustrelitz/neustrelitz_projekte.php">bis 17235 Neustrelitz 25 km</a><br />
<a href="projektstaedte/woldegk/woldegk_projekte.php">bis 17348 Woldegk 25 km</a><br />
<a href="projektstaedte/fesee/fesee_projekte.php">bis 17258 Feldberger Seenlandschaft 28 km</a><br />
<a href="projektstaedte/havelquellreich/havel_projekte.php">bis 17237 Kratzeburg 30 km</a><br />
<a href="projektstaedte/wittenhagen/wittenhagen_projekte.php">bis 17258 Wittenhagen 33 km</a><br />
<a href="projektstaedte/varchentin/varchentin_projekte.php">bis 17192 Varchentin 33 km</a><br />
</span>
<a id="pic2" href="projektstaedte/waren/waren_karte.php" onMouseOver="TagToTip('waren', WIDTH, 248, FIX, [60, 200], LEFT, true, BGCOLOR, '#ffffff', BORDERCOLOR, '#75a96b', BORDERWIDTH, 2, CLOSEBTN, true, CLOSEBTNCOLORS, ['#dddddd', '#888888', 'white', '#0000000'], STICKY, true, FADEIN, 300, PADDING, 5, TITLE, '<a style="color:#ffffff;" href="projektstaedte/waren/waren_projekte.php">Waren</a>')"><span></span></a>
<span class="disno" id="waren">
Erleben Sie in Waren Deutschlands wasserreichste Landschaft in einer neuen Dimension.<br /><br />
<a href="projektstaedte/federow/federow_projekte.php">bis 17192 Federow 5 km</a><br />
<a href="projektstaedte/kargow/kargow_projekte.php">bis 17192 Kargow 6 km</a><br />
<a href="projektstaedte/varchentin/varchentin_projekte.php">bis 17192 Varchentin 15 km</a><br />
<a href="projektstaedte/gotthun/gotthun_projekte.php">bis 12345 Gotthun 17 km</a><br />
<a href="projektstaedte/bluecherhof/bluecherhof_projekte.php">bis 12345 Blücherhof 18 km</a><br />
<a href="projektstaedte/malchow/malchow_projekte.php">bis 12345 Malchow 20 km</a><br />
<a href="projektstaedte/ankershagen/ankershagen_projekte.php">bis 12345 Ankershagen 21 km</a><br />
<a href="projektstaedte/sparow/sparow_projekte.php">bis 12345 Sparow 23 km</a><br />
<a href="projektstaedte/rechlin/rechlin_projekte.php">bis 12345 Rechlin 34 km</a><br />
<a href="projektstaedte/kratzeburg/kratzeburg_projekte.php">bis 12345 Kratzeburg 40 km</a><br />
</span>
<a id="pic3" href="projektstaedte/woldegk/woldegk_karte.php" onMouseOver="TagToTip('woldegk', WIDTH, 252, FIX, [227, 200], LEFT, true, BGCOLOR, '#ffffff', BORDERCOLOR, '#75a96b', BORDERWIDTH, 2, CLOSEBTN, true, CLOSEBTNCOLORS, ['#dddddd', '#888888', 'white', '#0000000'], STICKY, true, FADEIN, 300, PADDING, 5, TITLE, '<a style="color:#ffffff;" href="projektstaedte/woldegk/woldegk_projekte.php">Woldegk</a>')"><span></span></a>
<span class="disno" id="woldegk">
Haben Sie Interesse an alten Kutschen und "neuen Pferden"? Dann sind Sie in Woldegk genau richtig.<br /><br />
<a href="projektstaedte/wittenhagen/wittenhagen_projekte.php">bis 17258 Wittenhagen 20 km</a><br />
<a href="projektstaedte/neubrandenburg/neubrandenburg_projekte.php">bis 17033/36 Neubrandenbug 25 km</a><br />
<a href="projektstaedte/fesee/fesee_projekte.php">bis 17258 Feldberger Seenlandschaft 29 km</a><br />
<a href="projektstaedte/luisenhof/luisenhof_projekte.php">bis 12345 Luisenhof 30 km</a><br />
<a href="projektstaedte/woggersin/woggersin_projekte.php">bis 17039 Woggersin 34 km</a><br />
<a href="projektstaedte/passentin/passentin_projekte.php">bis 17217 Passentin 37 km</a><br />
<a href="projektstaedte/wrodow/wrodow_projekte.php">bis 17091 Wrodow 43 km</a><br />
<a href="projektstaedte/neustrelitz/neustrelitz_projekte.php">bis 17235 Neustrelitz 45 km</a><br />
<a href="projektstaedte/havelquellreich/havel_projekte.php">bis 17219 Ankershagen 50 km</a><br />
<a href="projektstaedte/havelquellreich/havel_projekte.php">bis 17237 Kratzeburg 56 km</a><br />
<a href="projektstaedte/varchentin/varchentin_projekte.php">bis 17192 Varchentin 62 km</a><br />
</span>
<img id="karte" src="img/deckkarte2.gif" usemap="#" />
<br/>
<br/>
<img src="img/legende.gif"/><br/>
</div>
</body>
</html>
