This is what i want it to look some what like <!-- w --><a class="postlink" href="http://www.tizag.com">www.tizag.com</a><!-- w -->
This is the code have so far...<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>iPod Conga Line</title>
<style type="text/css">
<!--
a:link { color: green; }
a:visited { color: light brown; }
a:hover { color: black; }
html, body { margin: 0; }
body {background-image: url(<!-- m --><a class="postlink" href="http://img291.imageshack.us/img291/3581/congabanner3ef.png">http://img291.imageshack.us/img291/3581 ... ner3ef.png</a><!-- m -->);
background-repeat: repeat-x; }
div.top_center {
background: url(<!-- m --><a class="postlink" href="http://img291.imageshack.us/img291/228/banner4wr.jpg">http://img291.imageshack.us/img291/228/banner4wr.jpg</a><!-- m -->) no-repeat center top;
height:134px; }
div
#page {width:800px;
margin-left:auto;
margin-right:auto;}
#left {float:left;}
#n1 {width:145px;
height:600px;
margin-left:12px;
margin-right:12px;
margin-top:25px;
border-style: solid;
border-width: 2px;
border-color: gray;}
#content {width:480px;
height:600px;
float:left;
margin-top: 25px;
margin-left: 4px;
border-style: solid;
border-width: 2px;
border-color: gray;}
#right {float:right;}
#n2 {width:145px;
height:600px;
margin-left:12px;
margin-right:12px;
margin-top:25px;
border-style: solid;
border-width: 2px;
border-color: gray;}
-->
</style>
</head>
<body>
<div class="top_center"></div>
<basefont face="lucida grande" />
<div id="page">
<div id="left">
<div id="n1">left menu</div>
</div>
<div id="content">content</div>
<div id="right">
<div id="n2">right menu</div>
</div>
</div>
</body>
</html>What I want is the banner up top to fit the whole screen, which it does now. I also want the 1 menu, the content and the second menu to center in the middle in a 800 px wide area with no border. I want the 2 menu's and the content to be the same width that they are nowin the code as with the margins. Any help is appreciated
This is the code have so far...<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>iPod Conga Line</title>
<style type="text/css">
<!--
a:link { color: green; }
a:visited { color: light brown; }
a:hover { color: black; }
html, body { margin: 0; }
body {background-image: url(<!-- m --><a class="postlink" href="http://img291.imageshack.us/img291/3581/congabanner3ef.png">http://img291.imageshack.us/img291/3581 ... ner3ef.png</a><!-- m -->);
background-repeat: repeat-x; }
div.top_center {
background: url(<!-- m --><a class="postlink" href="http://img291.imageshack.us/img291/228/banner4wr.jpg">http://img291.imageshack.us/img291/228/banner4wr.jpg</a><!-- m -->) no-repeat center top;
height:134px; }
div
#page {width:800px;
margin-left:auto;
margin-right:auto;}
#left {float:left;}
#n1 {width:145px;
height:600px;
margin-left:12px;
margin-right:12px;
margin-top:25px;
border-style: solid;
border-width: 2px;
border-color: gray;}
#content {width:480px;
height:600px;
float:left;
margin-top: 25px;
margin-left: 4px;
border-style: solid;
border-width: 2px;
border-color: gray;}
#right {float:right;}
#n2 {width:145px;
height:600px;
margin-left:12px;
margin-right:12px;
margin-top:25px;
border-style: solid;
border-width: 2px;
border-color: gray;}
-->
</style>
</head>
<body>
<div class="top_center"></div>
<basefont face="lucida grande" />
<div id="page">
<div id="left">
<div id="n1">left menu</div>
</div>
<div id="content">content</div>
<div id="right">
<div id="n2">right menu</div>
</div>
</div>
</body>
</html>What I want is the banner up top to fit the whole screen, which it does now. I also want the 1 menu, the content and the second menu to center in the middle in a 800 px wide area with no border. I want the 2 menu's and the content to be the same width that they are nowin the code as with the margins. Any help is appreciated