Grow your CSS skills. Land your dream job.

[Solved] Some strange spacing error

  • Wes
    # June 17, 2009 at 3:30 am

    Alright so I am a CSS novice and I am actually getting around to making myself a portfolio
    http://www.wesascolese.com/

    the navigation has some really strange spacing errors

    here is the CSS

    Code:
    body
    {
    background:url(images/bg.jpg);
    font-family:Verdana, Geneva, sans-serif;
    font-size:68.5%;
    }

    #page-wrap
    {

    width:800px;
    margin: 0 auto;
    background:url(images/main-bg.jpg) repeat-y;
    }

    #header
    {
    background:url(images/banner.jpg);
    width:800px;
    height:155px;

    }

    #header ul
    {
    margin:0 auto;
    list-style:none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:2.0em;
    font-weight:bold;
    margin-left:170px;

    }

    #header ul li a
    {
    display:block;
    width:100px;
    float:left;
    color:#fff;
    padding:100px 0 5px 0;
    text-decoration:none;
    }

    #header ul li a:hover
    {
    text-decoration:overline;
    color:#e8e4d8;
    }

    #main
    {
    padding: 10px 170px 30px 170px;
    }

    #footer
    {
    background:url(images/footer.jpg);
    width:800px;
    height:191px;
    }

    and here is the HTML

    Wes
    # June 17, 2009 at 3:43 am

    Actually I have fixed it (just needed to center the text within their blocks)

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".