lealo: Verweis-sensitive Grafiken als Mouseovergrafik

Beitrag lesen

Okay. Vielen Dank. Mein Code sieht nun so aus, ist das korrekt?

  
<div id="imagemap_container">  
<p>  
<div id="imagemap">  
  	<img src="PharmaNeu2.png" usemap="#Pharma2" name="PharmaLinks" border="0">  
  	<map name="Pharma2">  
    		<area shape="rect" coords="34,13,279,40"  
          		href="\\phchbs-s3159.eu.novartis.net\straule1$\data\HTML\InventoryReportPharma.html"  
			alt="InventoryReport" title="Inventory">  
    		<area shape="rect" coords="34,54,279,78"  
          		href="\\phchbs-s3159.eu.novartis.net\straule1$\data\HTML\BackupReportPharma.html"  
			alt="BackupReport" title="Backup">  
    		<area shape="rect" coords="34,90,279,119"  
          		href="\\phchbs-s3159.eu.novartis.net\straule1$\data\HTML\IncidentReportPharma.html"  
			alt="IncidentReport" title="Incident">  
    		<area shape="rect" coords="34,131,279,159"  
          		href="\\phchbs-s3159.eu.novartis.net\straule1$\data\HTML\AvailabilityReportPharma.html"  
			alt="AvailabilityReport" title="Availability">  
  	</map>  
</p>  
</div>  
</div>  
#imagemap_container {  
	padding:10px;  
	border:1px solid #F00;  
}  
#imagemap_container div  
	display:none;  
	padding:10px;  
	width:300px;height:50px;border:1px solid #000;  
}  
#imagemap_container:hover div  
	display:block;  
}

Aber wenn ich dann die Internetansicht anschaue, dann sehe ich einfach mein Imagemap und darunter STEHT geschrieben der Rest. Muss ich nicht noch irgendetwas schreiben, damit mein HTML Editor merkt, dass das jetzt CSS ist und nicht mehr HTML??

Liebe Grüsse
Lealo