here’s the link: http://www.conspiracybrand.com/main3.php
here’s the code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><!-- InstanceBegin template="/Templates/main2.dwt.php" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- InstanceBeginEditable name="doctitle" -->
<title>Conspiracy Brand</title>
<!-- InstanceEndEditable --><link href="cbinc.css" rel="stylesheet" type="text/css">
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
</head>
<body>
<div class="container" id="container"><div class="leftnav" id="LeftNav"></div>
<div class="toplinks" id="TopLinks"><img src="layout/images/p__01.jpg" alt="Navigation" width="780" height="296" border="0" usemap="#Map">
<map name="Map">
<area shape="poly" coords="0,74,45,35,150,10,182,25,180,35,175,67,151,42,95,58,62,61,27,98" href="main.php" alt="Click here to return Home">
<area shape="poly" coords="55,129,73,108,197,84,232,96,230,116,223,128,195,111,144,129,108,128,77,157" href="news.php" alt="Click here for the latest News.">
<area shape="poly" coords="153,215,149,190,184,169,234,163,283,152,324,167,322,189,313,204,290,185,240,195,190,194,166,226" href="aboutus.php" alt="Click here to learn more About Us.">
<area shape="poly" coords="201,64,203,37,232,24,295,15,351,11,380,28,381,40,371,63,338,40,290,53,246,45,218,71" href="store.php" alt="Click here to enter the Store.">
<area shape="poly" coords="267,150,247,114,283,89,334,91,391,82,429,102,429,120,417,136,385,118,343,125,298,120" href="conspiracies.php" alt="Click here to read about conspiracies.">
</map>
</div>
<div class="titlebanner" id="TitleBanner"><img src="layout/images/main-banner.jpg" alt="Welcome to Conspiracy Brand" width="606" height="99"></div>
<div class="content" id="Content">
<div class="contenttextbox" id="contenttextbox"><!-- InstanceBeginEditable name="main" -->main<!-- InstanceEndEditable --></div>
</div>
<?php include("leftNav.php"); ?></div>
</body>
<!-- InstanceEnd --></html>
here’s the html for the php include:
<div class="leftnavcontent" id="leftNavcontent">
<table border="0" align="center" cellpadding="0" cellspacing="5">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="layout/side/featured.jpg" alt="Featured Item" width="165" height="23"></td>
</tr>
<tr>
<td><img src="images/featured/freedom_haters.png" alt="Freedom Haters" width="165" height="175"></td>
</tr>
</table></td>
</tr>
<!--<tr>
<td><hr class="hr"></td>
</tr>-->
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="layout/side/didyouhear.jpg" alt="Did you hear?" width="165" height="22"></td>
</tr>
<tr>
<td class="sidedidyouhear">enter crazy conspiracy theory of the month or some random update or whatever you want. </td>
</tr>
</table></td>
</tr>
</table>
</div>
here’s the css:
body {
background-color: #000000;
width: 780px;
margin: 0 auto;
}
a:link {
color: #999900;
}
a:visited {
color: #FFFFFF;
}
a:hover {
color: #440001;
}
a:active {
color: #7F7F7F;
}
.toplinks {
position: absolute;
visibility: visible;
height: 296px;
width: 780px;
left: 0px;
top: 0px;
}
.leftnav {
background-color: #000000;
background-image: url('layout/images/p__02.jpg');
background-repeat: no-repeat;
position: absolute;
height: 100%;
width: 174px;
left: 0px;
top: 296px;
z-index: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
}
.content {
background-color: #393220;
background-image: url('layout/images/p__04.jpg');
background-repeat: no-repeat;
position: absolute;
height: 100%;
width: 606px;
left: 174px;
top: 395px;
clear: both;
}
.titlebanner {
position: absolute;
visibility: visible;
height: 99px;
width: 606px;
left: 174px;
top: 296px;
}
.contenttextbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
left: 30px;
top: 0px;
width: 541px;
position: absolute;
height: 100%;
text-indent: 10px;
}
.leftnavcontent {
position: absolute;
visibility: visible;
height: 100%;
width: 165px;
left: 5px;
top: 296px;
z-index: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
overflow: visible;
}
.hr {
border: thin solid #440000;
}
.sidedidyouhear {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-variant: normal;
text-transform: uppercase;
font-style: normal;
}
.horizoncenter
{
background-color: transparent;
position: absolute;
top: 0;
left: 0px;
width: 100%;
height: 100%;
overflow: visible;
visibility: visible;
display: block;
}
.contentcenter
{
background-color: transparent;
margin-left: -390px;
position: absolute;
top: 0px;
left: 50%;
width: 780px;
height: 100%;
visibility: visible;
}
.container {
position: relative;
width: 780px;
left: auto;
top: 0px;
right: auto;
height:100%;
}
The background won’t show up in the center or on the leftside navagation. I believe it’s because of the nested divs but how do I work around this???
It is supposed to look like this: http://www.conspiracybrand.com/main.php (note: Internet Explorer doesn’t display the backgrounds here either… try this: http://img.photobucket.com/albums/v218/taxgirl/conspiracybrand.jpg—it pulls from the same stylesheet)
Please, please, please, please help!!
Thank you!
~beth.