Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 10 of 10
  1. #1
    Junior Member
    Join Date
    Aug 2011
    Posts
    4
    Member #
    28748
    Im in the mist of coding my layout for my hosting business. I can't seem to get rid of the horizontal spaces between my divs. I've searched countless times for and answer and have tried everything I could think of and read online. Below is what my current html and css pages look like.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Revered Hosting - Unmatched Quality, Unbeatable Prices</title>
    
    <link href="style.css" rel="stylesheet" type="text/css" media="screen" />
    
    <SCRIPT LANGUAGE="JavaScript">
    <!-- Begin
    image1 = new Image();
    image1.src = "images/home2.gif";
    
    image2 = new Image();
    image2.src = "images/hosting2.gif";
    
    image3 = new Image();
    image3.src = "images/aboutus2.gif";
    
    image4 = new Image();
    image4.src = "images/support2.gif";
    
    image5 = new Image();
    image5.src = "images/contact2.gif";
    // End -->
    </script>
    </head>
    
    <body>
        <div id="container">
               <div id="banner">
                 <img src="images/banner.gif">
               </div>
    
               <div id="links">
                 <a href="#" onmouseover="image1.src='images/home2.gif';"onmouseout="image1.src='images/home.gif';"><img name="image1" src="images/home.gif" border=0></a><a href="#" onmouseover="image2.src='images/hosting2.gif';"onmouseout="image2.src='images/hosting.gif';"><img name="image2" src="images/hosting.gif" border=0></a><a href="#" onmouseover="image3.src='images/aboutus2.gif';"onmouseout="image3.src='images/aboutus.gif';"><img name="image3" src="images/aboutus.gif" border=0></a><a href="#" onmouseover="image4.src='images/support2.gif';"onmouseout="image4.src='images/support.gif';"><img name="image4" src="images/support.gif" border=0></a><a href="#" onmouseover="image5.src='images/contact2.gif';"onmouseout="image5.src='images/contact.gif';"><img name="image5" src="images/contact.gif" border=0></a><img src="images/navspacer.gif">
               </div>
    
               <div id="boxes">
    
                 <div id="leftbox">
                  fdkjaoifhd dhaofdha d haofhdan dahfdahio fdhaoi hfdoan foidhi aoifhdas
                 </div>
    
                 <div id="spacer1">
                  <img src="images/spacer.gif">
                 </div>
    
                 <div id="midbox">
                  klafdoaihfodihaiofhdioa
                 </div>
    
                 <div id="spacer2">
                  <img src="images/spacer.gif">
                 </div>
    
                 <div id="rightbox">
                    dklahfodhaiof
                 </div>
    
               </div>
                 <img src="images/contenttop.gif">
               <div id="content">
                  Mcdonalds.  Burger King.  KFC.  Taco Bell.  Mac and cheese makes me squeeze.. Mah dick.
               </div>
                 <img src="images/contentbottom.gif">
               <div id="bottom">
                 This is my test text.  I like to test things to make sure they work.  Work.  **** work.
               </div>
            </div>
    
    </body>
    
    </html>
    Code:
    body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, blockquote {
     
    }
    
    body {
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 14;
    background: #4866d6 url() center top no-repeat;
    margin: 0 auto;
    padding: 0px;
    border: 0px;
    }
    
    #container {
    width: 800px;
    margin: 0 auto;
    padding: 0 0 0 0;
    }
    
    #banner {
    width: 800px;
    margin: 0 auto;
    padding: 0 0 0 0;
    }
    
    #links {
    width: 800px;
    margin: 0 auto;
    padding: 0 0 0 0;
    }
    
    #boxes {
    width: 800px;
    margin: 0 auto;
    padding: 0 0 0 0;
    overflow: hidden;
    }
    
    #leftbox {
    width: 266px;
    height: 180px;
    margin: 0 auto;
    padding: 0 0 0 0;
    background: #823232 url();
    float: left;
    }
    
    #spacer1 {
    width: 2px;
    height: 180px;
    margin: 0 auto;
    padding: 0 0 0 0;
    background: #823232 url(images/layout_10.gif);
    float: left;
    }
    
    #midbox {
    width: 265px;
    height: 180px;
    margin: 0 auto;
    padding: 0 0 0 0;
    background: #823232 url();
    float: left;
    }
    
    #spacer2 {
    width: 2px;
    height: 180px;
    margin: 0 auto;
    padding: 0 0 0 0;
    background: #823232 url(images/layout_10.gif);
    float: left;
    }
    
    #rightbox {
    width: 265px;
    height: 180px;
    margin: 0 auto;
    padding: 0 0 0 0;
    background: #823232 url();
    float: right;
    }
    
    #content {
    width: 800px;
    margin: 0 auto;
    padding: 0 0 0 0;
    background: #cecece url();
    }
    
    #bottom {
    width: 800px;
    margin: 0 auto;
    padding: 0 0 0 0;
    background: #823232 url();
    }

  2.  

  3. #2
    Banned
    Join Date
    May 2011
    Location
    Fairfax, CA
    Posts
    2,036
    Member #
    28003
    Liked
    126 times
    It would be great if we could have a link to the page?

  4. #3
    Junior Member
    Join Date
    Aug 2011
    Posts
    4
    Member #
    28748
    test.reveredhosting.com

  5. #4
    Banned
    Join Date
    May 2011
    Location
    Fairfax, CA
    Posts
    2,036
    Member #
    28003
    Liked
    126 times
    How much does the hosting plan "klafdoaihfodihaiofhdioa" cost? I would like to purchase it!
    Just kidding.
    I am not sure why those spaces are there so I'm not of much help.

  6. #5
    WDF Staff m3n0tu18's Avatar
    Join Date
    Jul 2011
    Location
    Devon, UK
    Posts
    1,473
    Member #
    28473
    Liked
    265 times
    Sorry. Just had a look. I cant see an issue. Could you screenshot the issue and upload it so we can see? Then i can try to fix it Thanks
    If you like my comments to your thread please click the LIKE button

    Check out my portfolio: Here!
    View my company Facebook Page
    View my company Website

    <<Plrease ignoer my typo's I have isdexlyia>>

  7. #6
    Banned
    Join Date
    May 2011
    Location
    Fairfax, CA
    Posts
    2,036
    Member #
    28003
    Liked
    126 times
    I see the issue. It's quite obvious :P the spaces in between the header image and the navbar for example!

  8. #7
    Junior Member
    Join Date
    Aug 2011
    Posts
    4
    Member #
    28748
    Quote Originally Posted by shovenose, post: 214534
    I see the issue. It's quite obvious the spaces in between the header image and the navbar for example!
    Well what is it? xD

  9. #8
    WDF Staff m3n0tu18's Avatar
    Join Date
    Jul 2011
    Location
    Devon, UK
    Posts
    1,473
    Member #
    28473
    Liked
    265 times
    ah yes i see it now. The quick fix would be to edit your css from menu down where it has margin: 0 auto; change it to margin: -5px auto; that should fix the issue...
    If you like my comments to your thread please click the LIKE button

    Check out my portfolio: Here!
    View my company Facebook Page
    View my company Website

    <<Plrease ignoer my typo's I have isdexlyia>>

  10. #9
    Junior Member
    Join Date
    Aug 2011
    Posts
    4
    Member #
    28748
    That did it. Thanks!

  11. #10
    WDF Staff m3n0tu18's Avatar
    Join Date
    Jul 2011
    Location
    Devon, UK
    Posts
    1,473
    Member #
    28473
    Liked
    265 times
    No probs welcome.
    If you like my comments to your thread please click the LIKE button

    Check out my portfolio: Here!
    View my company Facebook Page
    View my company Website

    <<Plrease ignoer my typo's I have isdexlyia>>


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 08:52 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com