beckwiga
Programmer
- Mar 30, 2005
- 70
I don't understand what I'm doing wrong here. My DIVS will not display in IE or FF. Can anyone help me understand what I'm doing wrong? I recently switched my doc type to xhtml. Thanks in advance. greg
ps. sorry about the cut and paste of code, no server to host this on right now.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"<html xmlns=" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" >
<title>Simmons Landscaping</title>
<style type="text/css">
/* <![CDATA[ */
#container { height: 100%; }
#MASTER {
position: absolute;
top: 150;
left: 300;
width: 700;
height: 184;
background: url('images/MASTER_Brown.bmp');
z-index: 3
}
#MenuHome {
position: absolute;
top: 330;
left: 300;
width: 108;
height: 29;
background: url('images/Home_Brown.bmp');
z-index: 3
}
/* ]]> */
</style>
<script language="javascript" type="text/javascript">
image1 = new Image();
image1.src = "images/Home_Brown.bmp";
image2 = new Image();
image2.src = "images/2.jpg";
image3 = new Image();
image3.src = "images/3.jpg";
</script>
</head>
<body>
<div id="container">
<div id="MASTER"></div>
<div id="MenuHome">
<a href="index.html" onmouseover="image1.src='images/Home_Black.bmp';" onmouseout="image1.src='images/Home_Brown.bmp';">
<img name="image1" src="images\Home_Brown.bmp" WIDTH="108" HEIGHT="29" BORDER="0" ></a></div>
</div>
</body>
</html>
ps. sorry about the cut and paste of code, no server to host this on right now.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"<html xmlns=" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" >
<title>Simmons Landscaping</title>
<style type="text/css">
/* <![CDATA[ */
#container { height: 100%; }
#MASTER {
position: absolute;
top: 150;
left: 300;
width: 700;
height: 184;
background: url('images/MASTER_Brown.bmp');
z-index: 3
}
#MenuHome {
position: absolute;
top: 330;
left: 300;
width: 108;
height: 29;
background: url('images/Home_Brown.bmp');
z-index: 3
}
/* ]]> */
</style>
<script language="javascript" type="text/javascript">
image1 = new Image();
image1.src = "images/Home_Brown.bmp";
image2 = new Image();
image2.src = "images/2.jpg";
image3 = new Image();
image3.src = "images/3.jpg";
</script>
</head>
<body>
<div id="container">
<div id="MASTER"></div>
<div id="MenuHome">
<a href="index.html" onmouseover="image1.src='images/Home_Black.bmp';" onmouseout="image1.src='images/Home_Brown.bmp';">
<img name="image1" src="images\Home_Brown.bmp" WIDTH="108" HEIGHT="29" BORDER="0" ></a></div>
</div>
</body>
</html>
thanks so much, Vragabond!