mouseover med imagemap
Hej!Jeg har lavet en menu-bar ved hjælp af image map.. jeg vil gerne have en roll-overeffekt ved de enkelte felter i image-mappen, kan det lade sig gøre?
Min kode ser således ud:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table width="90%" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="72" bgcolor="#C9C9C9"> <p align="right"><img src="../rapporten/Billeder/Trendy-A_S-logo2.gif" width="98" height="76"></p></td>
</tr>
<tr>
<td height="25" bgcolor="#e7e7e7"><!-- ImageReady Slices (beta1.gif.psd) -->
<TABLE WIDTH=700 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD WIDTH=700 HEIGHT=25 COLSPAN=11 align="center" ALT>
<img src="adope%20tests/1.gif" width="700" height="22" border="0" usemap="#Map" href="katalog.html"></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices --></td>
</tr>
<tr>
<td height="450" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td height="35" bgcolor="#C9C9C9"> </td>
</tr>
</table>
<map name="Map">
<area shape="rect" coords="1,0,140,24" href="produkter.html">
<area shape="rect" coords="140,0,281,23" href="kontakt.html">
<area shape="rect" coords="282,0,419,23" href="katalog.html">
<area shape="rect" coords="421,0,559,23" href="profil.html">
<area shape="rect" coords="561,0,698,23" href="presse.html">
</map>
</body>
</html>