This simplifies things a bit.
[HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="layout.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Jeanne Flight</title>
</head>
<body>
<div class="top">
<img src="2_files/topguy.jpg" alt="" id="top-guy">
<img src="2_files/top.jpg" alt="">
<img src="2_files/jf.jpg" alt="" id="jf">
</div>
<div class="bg">
<div class="menu">
<img src="2_files/band_l.jpg" alt="">
<img src="2_files/dl_l.jpg" alt="">
<img src="2_files/pic_l.jpg" alt="">
<img src="2_files/merch_l.jpg" alt="">
</div>
<p style="color:white">Content Here</p>
</div>
</body>
</html>[/HTML]
-
body{
-
margin:0 auto;
-
width:850px;
-
background-color:#000
-
}
-
div.top {
-
width:850px;
-
height:170px;
-
border-color:red;
-
border-style:solid;
-
}
-
#top-guy{
-
float:right;
-
}
-
#jf{
-
float:left;
-
}
-
div.bg {
-
width:850px;
-
background-image:url(images/bg.jpg);
-
background-repeat:no-repeat;
-
height:530px;
-
z-index: 1;
-
border-color:#FF9999;
-
border-style:solid;
-
}
-
div.menu {
-
float:left;
-
width:250px;
-
height:500px;
-
z-index: 2;
-
border-color:#33CC00;
-
border-style:solid;
-
}
-
.menu img{
-
clear:both;
-
float:left;
-
}
-
-