Text Bleedthrough

liunx · Jan 11, 2008

Can someone look at this and tell me what to do to keep the text from bleeding through...

Site (<a class="postlink" href="http://www.custompleasure.com">http://www.custompleasure.com</a>) Then go to gallery to see the screw up.

WARNING, SITE IS OF ADULT CONTENT>>>HOWEVER, THERE IS NONE ON THERE RIGHT NOW DURING DESIGN.gallery.htm<!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>Custom Pleasure</title>
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"style.css" />
</head>
<body>

<div id="topbox"></div>

<div id="midbox">

<div id="navbox">
<p><a href=http://www.webdeveloper.com/forum/archive/index.php/"index.html" class="bodylink">CP Main Page</a></p>
<p><a href=http://www.webdeveloper.com/forum/archive/index.php/"gallery.htm" class="bodylink">Gallery</a></p>
</div>

<div id="main">
<h1>CP Gallery</h1>
<p class="text1">Here are some pics of our piercings and tattoos. This page will be taken down as soon as we launch the main CP site.</p>
<p class="text1"><a href=http://www.webdeveloper.com/forum/archive/index.php/"gallery/labia.htm">Angie' Labia Piercing</a></p>
<p class="text1">Mike's Tribal Sun Tattoo</p>
<p class="text1"><a href=http://www.webdeveloper.com/forum/archive/index.php/"gallery/nipple.htm">Angie's Left Nipple Piercing</a></p>
<p class="text1"><a href=http://www.webdeveloper.com/forum/archive/index.php/"gallery/belly.htm">Angie's Belly Tattoo</a></p>
<p class="text1"><a href=http://www.webdeveloper.com/forum/archive/index.php/"gallery/eyebrow.htm">Angie's Eyebrow Ring</a></p>
<p class="text1">Mike's Peace Sign Tattoo</p>
<p class="text1">Angie's Shoulder Tattoo</p>
<p class="text1">Angie's Pentacle Tattoo</p>
<p class="text1">Mike's Pentacle Tattoo</p>
<p class="text1">Angie's Red Hot Chili Pepper Tattoo</p>
<p class="text1">Angie's Ear Piercings</p>
</div>

</div>

<div id="bottombox"></div>

</body>
</html>

style.cssbody {
border: solid 0px silver;
margin:5px auto; padding: 10px; width:740px;
background: #FFFFFF;
}

#topbox {
width: 740px; height: 120px;
margin: 0px;
padding: 0px;
background-image: url(graphics/head_bg.gif);
}

#midbox {
position:relative;
width: 740px;
margin: 0px;
padding: 0px;
background-image: url(graphics/middle_bg.gif);
}

#bottombox {
width: 740px; height: 99px;
margin: 0px;
padding: 0px;
background-image: url(graphics/footer_bg.gif);
}

#navbox {
position:absolute;width:145px;top:0px;left:7px;border:dashed #000000 1px;padding:10px 5px 10px 5px;
}

#undernav {
width: 145px; height: 150px;
margin: 0px;
border: 1px solid black;
padding: 10px;
}

#main {
position:relative;left:175px;width:565px
}

#image {
float: right;
width: 150px; height:150px;
border: 1px black;
background: black;
margin: 5px 10px 10px 10px;
padding: 0px;
}

h1 {color:#000000; font-size:large; font-family: Tahoma, Arial;margin:0px; padding:10px 0px 10px 0px;}
p {font-size:small; font-family: Tahoma, Arial;padding:10px 0px 10px 0px;margin:0px;}
.text1 {padding:5px 0px 5px 0px;color:#000000;}

.bodylink {
font-weight: normal;
color: #003366;
font-family: Tahoma, Arial;
font-size:small; text-decoration:none;
}

.bodylink:hover {
font-weight: normal;
color: #800000;
font-family: Tahoma, Arial;
font-size:small; text-decoration:underline;
}This should work ok as long as the content of the main box is longer than the content of the navboxLooks like that worked ....

Thanks...

Text Bleedthrough

liunx

Guest