Grow your CSS skills. Land your dream job.

Scroll issue

  • # May 11, 2013 at 5:32 pm

    Hi Everyone,

    Take a look the link, https://docs.google.com/file/d/0BwJqq8HsIgq6aGp4bGc4Q2ZvY2M/edit?usp=sharing

    Want background and header static, but as im making header fixed in css getting space in vertically, any idea why this happening?

    # May 11, 2013 at 6:45 pm

    We’d need a link to the actual site to examine the code.

    # May 13, 2013 at 1:29 pm

    For Background the code is:

    #bg
    {
    width:2500px;
    height:699px;
    margin-left:-10px;
    margin-top:-10px;
    margin-bottom:0px;
    background:url(images/bg.jpg);
    background-repeat:no-repeat;
    }

    For Navigation:

    #top_nav{position:static; margin-bottom:100px;}
    #nav {
    font-family:”Helvectia”, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 100%;
    padding: 30px 20px;
    margin: 0 auto;
    position: relative; }
    #navbar {
    position: absolute;
    top: -38px;;
    left: 655px;
    margin: 0 auto;
    padding: 0;}
    #navbar li {
    list-style: none;
    float: left;
    border-right:1px solid #999;
    }
    #navbar li a {
    display: block;
    padding: 3px 8px;
    text-transform: uppercase;
    text-decoration: none;
    color:#999;}

    # May 13, 2013 at 3:33 pm

    We’d need to see the HTML & CSS.

    Codepen is your friend.

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

You must be logged in to reply to this topic.

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