[SOLVED]Simple CSS query.

[doogzman]

Guyz I’m just new to the forums and I’m just a noobie when it comes to CSS. I have a query about positioning. http://i53.tinypic.com/29vjvj6.jpg
I don’t know how to get the “Header” below the links because the list is floated to the left. Any tips please?

[Bob]

Do you have any html/css so far that you can show us? It might make helping you a bit easier, you wouldn’t want us to do all the work now would you ;)

Looking at your picture though, I think this is just a html thing.. just put the header div below the navigation list, something like this?

...title things go here...


...your navigation bar


...the header1 div

[tobeeornot]

Looks like you want to put the header at the top, then place the title as a paragraph inside the header element and style the paragraph with css. Does that make sense?

[thomas]

I’m assuming that you’re floating individual <li>s and the header below isn’t clearing the float. If that’s the case, use “clear:left” on the header element.

[doogzman]

Thanks for the replies bob tobeeornot thomas. I know that i should be figuring this out by my self but i really appreciate the help. This is from a psd file so i actually cropped the title logo. but it seems i dont know how to put the header below the na links because if floated it to the left. Here is the code i am using.

#header-page {

marin:0px auto;

width: 1400px;

background-image:url(images/header.jpg);

background-color:#11161c;

height: 290px;



}

#header-page #header {

margin:0px auto;/* center the div*/

width: 960px;

}



#header ul li {

display: block;

float: left;

margin-top: 150px;

}



#header ul li a {

color: #FFF;

font-family: "Myriad Pro";

font-size: 12px;

text-decoration:none;

padding-left: 15px;

}

[doogzman]

@Thomas you got it. I tried clear:left and it worked. Thanks a lot!
Actually i’m using two container tags because I don’t know what to do with the background image of the header. The circular shine light is just too big so I cropped the whole picture and created a container different from the body. Can anyone also comment if what I’m doin is correct?

[Author]

Posts