Hey guys! It's been a really long time since i last posted on the forums!

Anyhow, I've got a sort of question to ask that's stumping me. I've looked over this 3 or 4 times but i just need another pair of eyes.

so im trying to get the nav to center, but it won't move down.

Here's the code..

#nav{
    width:80%;
    height:50px;
    margin:0 auto;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
    background: #45484d; /* Old browsers */
    background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(top, #45484d 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
#nav li{
    display: inline;
    margin:50px;
}

And here is an image of what it's doing...
Click Here

Recommended Answers

You can apply padding. How about providing te HTML to help reproduce the page?

Jump to Post

All 2 Replies

You can apply padding. How about providing te HTML to help reproduce the page?

you can use #nav{margin-top:100px; /*or*/ margin:100px auto;/*this will put your nav in center of the page and bring down the nav by 100px*/}

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.20 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.