Help with image maps?

Axle12693

New Member
This only works on Firefox for some reason. I've highlighted the parts that I think the error is in.

<html>
<head>
<title>Text</title>
</head>

<body>
<table border="2" align="center" width="780">
<tr>
<td colspan="4"><img src="images\header.jpg" width="770"></td>
</tr>
<tr style="font-size:24px;">
<td width="25%" align="center"><a href="index.html">Home</a></td>
<td width="25%" align="center"><a href="brushes.html">Brushes</a></td>
<th width="25%" align="center">Text</th>
<td width="25%" align="center">Actions</td>
</tr>
<tr>
<td colspan="4" align="center"><img src="images/collage.jpeg" alt="My Text Effects" width="300" height="259" usemap="textMap"></td>
</tr>
<tr>
<td colspan="4" align="left"><a name="explode"></a><img src="images/t_1_Explode.jpg" alt="Explode" width="391" height="235"></td>
</tr>
<tr>
<td colspan="4" align="right"><a name="santa"></a><img src="images/t_1_Santa.jpg" alt="Santa" width="400" height="267"></td>
</tr>
<tr>
<td colspan="4" align="left"><a name="dream"></a><img src="images/t_1_Dream.jpg" alt="Dream" width="399" height="177"></td>
</tr>
</table>
<map name="textMap" id="textMap">
<area shape="rect" coords="0,0,299,180" href="#explode" alt="Explode">
<area shape="rect" coords="0,181,120,258" href="#santa" alt="Santa">
<area shape="rect" coords="121,181,299,258" href="#dream" alt="Dream">
</map>
</body>
</html>

If anyone could tell me what's wrong, it would be really appreciated.
 

LouTheDesigner

New Member
Try changing your opening html tag to this:

<!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" lang="en" xml:lang="en">
 
Top