...

View Full Version : css layout - solved



paqman
08-20-2006, 05:41 AM
solved! don't bother reading this

I spent a few hours getting my new website layout to work, got all the bugs out, and then I ran into this padding issue:

http://paqmanweb.com/bnew/

The main text won't follow any padding code I put in, either through css or right in the tag itself (padding, top-padding; nothing works). Am I missing something? Thanks!

index.php:


<html>
<head>
<title>Paqman Web Services - Your Website Solution</title>
<link type="text/css" rel="stylesheet" href="style.css">
<script language=javascript>
<!--

image1 = new Image();
image2 = new Image();
image3 = new Image();
image4 = new Image();
image5 = new Image();
image6 = new Image();
image7 = new Image();
image8 = new Image();
image9 = new Image();
image10 = new Image();
image1.src = "image/links/m_home.jpg";
image2.src = "image/links/m_client.jpg";
image3.src = "image/links/m_portfolio.jpg";
image4.src = "image/links/m_bluehost.jpg";
image5.src = "image/links/m_how.jpg";
image6.src = "image/links/m_faq.jpg";
image7.src = "image/links/m_future.jpg";
image8.src = "image/links/m_order.jpg";
image9.src = "image/links/m_contact.jpg";
image10.src = "image/links/m_about.jpg";

//-->
</script>
</head>
<body>
<center>
<table id="background">
<tr><td colspan=2 width=750 height=90><img src="image/header.jpg" border=0></td></tr>




<tr><td id="nav">
<a href="/bnew/"><img src="image/links/home.jpg" name="image1" onMouseOver="image1.src='image/links/m_home.jpg';" onMouseOut="image1.src='image/links/home.jpg';" border=0 style="padding-bottom: 4px;"></a><br>
<a href="index.php?page=client"><img src="image/links/client.jpg" name="image2" onMouseOver="image2.src='image/links/m_client.jpg';" onMouseOut="image2.src='image/links/client.jpg';" border=0 style="padding-bottom: 4px;"></a><br>
<a href="index.php?page=portfolio"><img src="image/links/portfolio.jpg" name="image3" onMouseOver="image3.src='image/links/m_portfolio.jpg';" onMouseOut="image3.src='image/links/portfolio.jpg';" border=0 style="padding-bottom: 4px;"></a><br>
<a href="index.php?page=bluehost"><img src="image/links/bluehost.jpg" name="image4" onMouseOver="image4.src='image/links/m_bluehost.jpg';" onMouseOut="image4.src='image/links/bluehost.jpg';" border=0 style="padding-bottom: 4px;"></a><br>
<a href="index.php?page=how"><img src="image/links/how.jpg" name="image5" onMouseOver="image5.src='image/links/m_how.jpg';" onMouseOut="image5.src='image/links/how.jpg';" border=0 style="padding-bottom: 4px;"></a><br>
<a href="index.php?page=faq"><img src="image/links/faq.jpg" name="image6" onMouseOver="image6.src='image/links/m_faq.jpg';" onMouseOut="image6.src='image/links/faq.jpg';" border=0 style="padding-bottom: 4px;"></a><br>
<a href="index.php?page=future"><img src="image/links/future.jpg" name="image7" onMouseOver="image7.src='image/links/m_future.jpg';" onMouseOut="image7.src='image/links/future.jpg';" border=0 style="padding-bottom: 4px;"></a><br>
<a href="index.php?page=order"><img src="image/links/order.jpg" name="image8" onMouseOver="image8.src='image/links/m_order.jpg';" onMouseOut="image8.src='image/links/order.jpg';" border=0 style="padding-bottom: 4px;"></a><br>
<a href="index.php?page=contact"><img src="image/links/contact.jpg" name="image9" onMouseOver="image9.src='image/links/m_contact.jpg';" onMouseOut="image9.src='image/links/contact.jpg';" border=0 style="padding-bottom: 4px;"></a><br>
<a href="index.php?page=about"><img src="image/links/about.jpg" name="image10" onMouseOver="image10.src='image/links/m_about.jpg';" onMouseOut="image10.src='image/links/about.jpg';" border=0 style="padding-bottom: 4px;"></a>
</td>

<td id="main">
<?
if(!isset($page)) {
include("front.php"); }
if(isset($page)) {
if(file_exists($page.".php")) {
include($page.".php"); }
if(!file_exists($page.".php")) {
echo ?>
The page <b><? echo $page; ?></b> could not be located. If this problem continues, please <a href="http://paqmanweb.com/report.php">contact the website administrator</a>.</p><? }
}
?>
</td>
</tr>
</table>


<div id="under_pusher"><center>
<div id="under"><img src="image/under_header.jpg" border=0></div></center></div>
</center>
</body>
</html>


style.css:



body
{
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
background-color: #000000;
color: #00CC00;
font-family: Verdana, Arial, "Times New Roman";
font-size: 11px;
}

p {
color: #00CC00;
font-family: Verdana;
font-size: 11px;
}

font {
color: #00CC00;
font-family: Verdana;
font-size: 11px;
}

h2 {
font-size: 26px;
font-family: Verdana;
}

h3 {
font-size: 18px;
font-family: Verdana;
}

h4 {
font-size: 14px;
font-family: Verdana;
}

a {
color: #00FF00;
font-family: Verdana;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #99FF00;
font-family: Verdana;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

#background {
padding: 0px;
margin: 0px;
border: 0px;
border-collapse: collapse;
}

#background tr {
padding: 0px;
margin: 0px;
border: 0px;
}

#background td {
padding: 0px;
margin: 0px;
border: 0px;
}

#nav {
background-image: url("image/links_background.jpg");
background-repeat: repeat-y;
width: 176px;
text-align: center;
}

#main {
width: 574px;
text-align: left;
vertical-align: top;
color: #00CC00;
font-family: Verdana, Arial, "Times New Roman";
font-size: 11px;
padding-top: 50px;
}


#under_pusher {
position: absolute;
width: 500px;
height: 25px;
clear: none;
padding: 0px;
margin: 0px;
top: 89px;
left: 50%;
text-align: center;
}

#under {
position: relative;
width: 585px;
height: 11px;
padding: 0px;
text-align: center;
margin: 0px;
left: -210px;
}



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum