<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>LMCC Dorms</title>
</head>
<body style="background-color: #fdebcf; font-family: sans-serif">
Well I have the image map code on a main page that links to 4 other pages. The code is correct but the image isn't showing up with the 4 hyperlink dividers.
<!-- 4K dorm name here -->
<h1 style="text-align: center">Lake Michigan City College Dorms</h1>
<br />
<br />
<p style="font-size: 14pt">
All of the dorm rooms at LMCC have the same basic layout. Click on an area of the room for a description of the size and amenities.
</p>
<br />
<img src="images/dormroom.gif" alt="dorm room" style="float: right; border: 5px dashed red" usemap="#dorm" />
<map name="dorm" id="dorm">
<area shape="rect" coords="87,117,239,188" href="closet.htm" alt="closet" />
<area shape="rect" coords="373,124,498,170" href="restroom.htm" alt="restroom" />
<area shape="rect" coords="86,295,252,345" href="sleeparea.htm" alt="sleeparea" />
<area shape="rect" coords="78,412,216,453" href="studyarea.htm" alt="studyarea" />
</map>
</body>
</html>