Hallo Ihr Lieben,
ich habe auf einer Seite mit Hotspots einem Bild eine Verlinkung gegeben. Nun legt er mir um das gesamte Bild einen blauen Linkrahmen. Wie bekomme ich das weg?Hab schon mit css probiert, aber irgendwie stimmt da was nicht.
Ich füge den Quelltext mal ein.
Kann mir jemand helfen?
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<head>
<meta name="keywords" lang="de" content="Delphine, Delfine, Wale, schwimmen,atlantik,Meer, Giganten, Ferien, Urlaub, Ausfahrten, Azoren, Pico, Frank Wirth, Schnorcheln, Berg, Insel, klettern, ausfahrten, Faial, Horta">
<meta name="keywords" lang="en-us" content="dolphins, whales, water, holiday, atlantic, giants, trip, frank wirth, snorkel, mountain, climbing, azores, pico, fajal, horta, swim with dolphins">
<meta name="keywords" lang="nl" content="dolfijnen, zwemmin met dolfijnen">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Whale Watching Azores - since 1996</title>
<style type="text/css">
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}
#mainContent {
margin:auto auto;
margin-top:0%;
width: 80%;
min-width:960px; /* hier die breite deines bildes rein! sonst ragt das Bild über den roten rahmen wenn die seite zu klein wird*/
border: 0px;
padding: 20px;
text-align:center;
}
.normal {
text-align:left;
}
</style>
</head>
<body>
<div>
<img id="background" src="ketten_bg.jpg" alt="turkana" title="" />
</div>
<div id="scroller">
<div id="mainContent">
<!-- hier kommt dein Inhalt rein -->
<table width="75%" border="0" align="center">
<tr>
<td><img src="eingangsseite.jpg" alt="" width="900" height="680" usemap="#Map2" /></td>
</tr>
</table>
<p class="normal"> </p>
<map name="Map">
<area shape="rect" coords="213,158,625,419" href="Auswahl.html" target="_self">
</map>
<map name="Map2" id="Map2"><area shape="rect" coords="36,21,860,123" href="auswahl.html" decoration:"none"> target="_self" alt="Kenya Wildlife Safari" />
</map><!-- hier ist Schluss mit Inhalt -->
</div>
</div>
</body>
</html>
