Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1
  1. #1
    New to the CF scene
    Join Date
    Aug 2006
    Location
    Burnaby, BC
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    css layout - solved

    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:

    Code:
    <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:

    Code:
    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;
    }
    Last edited by paqman; 08-20-2006 at 05:49 AM. Reason: issue solved


 

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •