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 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jun 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Cool Quick Question: empty space at top of page

    hey guys, quick question....

    my website: http://theh3helpers.tk has the empty space right above the banner at the top of the page...and I cannot figure out how to remove it completely so the banner is touching the very top of the page...here is the coding:

    CSS
    *|* {
    margin:0pt;
    padding:0pt;
    }
    body {
    background: transparent url(background.gif) repeat-x center top;
    background-color:#0d1216;
    font-family:Georgia,"times new roman",serif;
    font-size:13px;
    color:#4f7288;
    margin:0;
    padding:0;
    }
    p {
    line-height:1.5;
    padding-bottom:12px;
    }
    h1 {
    font-family:Georgia,"times new roman",serif;
    font-size:20px;
    font-weight:normal;
    color:#fff;
    line-height:1.5;
    }
    h2 {
    font-family:Georgia,"times new roman",serif;
    font-size:18px;
    font-weight:normal;
    color:#ffffff;
    line-height:1.5;
    }
    #wrapper {
    width:960px;
    margin:0pt auto;
    }
    #sitename {
    height:63px;
    width:960px;
    font-size:30px;
    color:#cccccc;
    font-weight:normal;
    padding-top:25px;
    }
    #content-wrapper {
    background:transparent url(content_background.jpg) repeat-x center top;
    float:left;
    width:960px;
    margin-top:9px;
    margin-right:0px;
    padding-bottom:25px;
    }
    #navigation {
    float:left;
    background-color:#0a161b;
    width:948px;
    font-size:12px;
    color:#060e11;
    padding:16px 0px 0 12px;
    }
    #navigation ul {
    float:left;
    padding:0 10px 0 0;
    margin-left:0;
    }
    #navigation li {
    float:left;
    display:inline;
    height:30px;
    font-size:1em;
    padding:0px 20px 6px 10px;
    }
    #navigation a:link {
    color:#fff;
    text-decoration:none;
    }
    #navigation a:hover {
    color:#fff;
    text-decoration:none;
    }
    #navigation a:visited {
    color:#fff;
    text-decoration:none;
    }
    #active a:link {
    color:#63afde;
    text-decoration:none;
    }
    #active a:hover {
    color:#63afde;
    text-decoration:none;
    }
    #active a:visited {
    color:#63afde;
    text-decoration:none;
    }
    a:link, a:hover, a:visited {
    color:#63afde;
    font-weight:normal;
    text-decoration:none;
    }
    .weebly_header {
    background:transparent url(%%HEADERIMG%%) no-repeat center top;
    float:left;
    width:960px;
    height:314px;
    }
    #contents {
    width:920px;
    min-height:500px;
    height:auto !important;
    height:500px;
    padding:20px;
    }
    #footer {
    float:left;
    width:960px;
    height:36px;
    margin:20px 0 30px 0;
    background-color:#0c1c23;
    }
    #footer-contents {
    float:left;
    font-family:Georgia,"times new roman",serif;
    padding:11px 0px 0 20px;
    width:940px;
    height:28px;
    }
    input {
    background-color:#394c5b;
    border:1px solid #999;
    font-size:12px;
    color:#000000;
    }
    textarea {
    background-color:#394c5b;
    border:1px solid #999;
    font-size:12px;
    color:#000000;
    }

    div#commentArea div.blogCommentOwner {
    background: #323242;
    border: 1px solid #505060;
    }


    /****************************** flyout menus ******************************/

    #weebly-menus .weebly-menu-wrap {
    z-index: 5000;
    }

    #weebly-menus .weebly-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    }

    #weebly-menus .weebly-menu li {
    float: left;
    clear: left;
    width: 170px;
    text-align: left;
    }

    #weebly-menus .weebly-menu li a {
    position: relative;
    display: block;
    width: 100%;
    background: #2a3e4e;
    border-right: 1px solid #394c5b;
    border-left: 1px solid #394c5b;
    border-bottom: 1px solid #394c5b;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
    line-height:1;
    padding:5px;
    color: #fff;
    }

    #weebly-menus .weebly-menu li a:hover {
    background: #2a3e4e;
    }

    #weebly-menus span.weebly-menu-title {
    display: block;
    padding: 5px 10px;
    }

    #weebly-menus span.weebly-menu-more {
    background: transparent url(http://images.weebly.com/weebly/imag...menu_arrow.gif) no-repeat center top;
    display: block;
    position: absolute;
    right: 5px;
    top: 0;
    font-family: Courier;
    height: 28px;
    line-height: 28px;
    padding:3px 0 3px 0;
    }


    HTML (not sure if this is needed)
    <!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" xml:lang="en" lang="en">
    <head>
    <title>%%TITLE%%</title>
    <!--[if IE 7]>
    <style>
    p {
    line-height:20px;
    padding-bottom:0;
    }
    h1 {
    font-size:20px;
    font-weight:normal;
    color:#fff;
    padding-bottom:0;
    }
    h2 {
    font-size:16px;
    font-weight:normal;
    color:#999999;
    padding-bottom:0;
    }
    #navigation {
    float:left;
    background-color:#0a161b;
    width:948px;
    font-size:12px;
    color:#060e11;
    padding:16px 0px 0px 0px;
    }
    #navigation-links li {
    float:left;
    display:inline;
    font-size:1em;
    padding:0px 20px 10px 0px;
    border:1px solid red;
    }
    </style>
    <![endif]-->
    </head>
    <body>
    <div id="wrapper">
    <div id="sitename">%%TITLE%%</div>
    <div class="weebly_header"></div>
    <div id="navigation">%%MENU%%</div>
    <div id="content-wrapper">
    <div id="contents">
    %%CONTENT%%
    </div>
    <div id="footer">
    <div id="footer-contents">%%WEEBLYFOOTER%%<div>
    </div>
    </div>
    </div>
    </body>
    </html>


    If anyone could help me out it would be great Thanks!

  • #2
    New Coder
    Join Date
    Jun 2010
    Location
    The Netherlands
    Posts
    53
    Thanks
    0
    Thanked 6 Times in 6 Posts
    Its your html. Remove the whole div:
    Code:
    <div id="sitename">%%TITLE%%</div>

  • #3
    New to the CF scene
    Join Date
    Jun 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thank you so much!!


  •  

    Posting Permissions

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