David_Odenthal
Threadersteller
Dabei seit: 09.02.2005
Ort: umgezogen
Alter: 25
Geschlecht: 
|
Verfasst Mi 23.07.2008 20:24
Titel Imagemap mit Link: Fehlerhaft! |
  |
|
Hai,
ich brauche eine Lösung für folgendes Problem einer index.html:
Ein "Navi Div" beinhaltet ein Imagemap mit einem float left. Rechts daneben ist das div "start" mit float left definiert. Wenn ich nun mit der Maus über das Imagemap fahre (Imagemap hat 3 Links), stellt sich das Image der Imagemap im div "start" nochmals dar.
Diese "Dopplung" will ich gerne entfernen. Wie stelle ich das an?
Hier der Code:
| Code: | <div id="navi">
<img src="images/navi.jpg" border="0" usemap="#imagemap">
<map name="imagemap">
<area shape="rect" coords="13,128,162,176" onmouseover="document.images[0].src='images/navi_beauf.jpg'" onmouseout="document.images[2].src='images/navi.jpg'" href="beauftragt.html"></area>
<area shape="rect" coords="13,79,162,127" onmouseover="document.images[0].src='images/navi_portrait.jpg'" onmouseout="document.images[1].src='images/navi.jpg'" href="portrait.html"></area>
<area shape="rect" coords="13,16,162,78" onmouseover="document.images[0].src='images/navi_kon.jpg'" onmouseout="document.images[0].src='images/navi.jpg'" href="konzeption.html"></area>
</map>
</div>
<div id="start">
<img src="http://web457.jenny.webhoster.ag/mue/bilder/rotate.php">
</div> |
Hier die css dazu:
| Code: | #navi {width:175px;height:418px;float:left;background: #fff url(../images/navi.jpg) no-repeat;float:left;}
#start {width:576px;height:418px;background: #fff;float:left;}
|
Danke für Eure Hilfe!
Zuletzt bearbeitet von David_Odenthal am Mi 23.07.2008 20:26, insgesamt 1-mal bearbeitet
|
|
Willkommen auf dem Portal für Mediengestalter
