Nav across the top of a page?

[c_parsonage]

I was wondering if anyone could help me create a nav bar that goes across the top of a page opposed to down the side? I dont know why but I just cant get it to work!

[Kitty Giraudel]

I’m not sure to understand what you want to do. Do you have some code sample or design shot to show us? It would help us to understand and try some things.

[c_parsonage]

like the menu at the top of this web page

[Kitty Giraudel]

Oh. Fairly simple, use an unordered list, and make <li> tags float with float: left;. Done.

[Paulie_D]

This might help: http://bit.ly/RBO0OI

[Watson90]

Haha, @Paulie_D…classic!

@HugoGiraudel is correct, you just need to float your

[Paulie_D]

Or…instead of float, you could use inline:block….a lot of developers prefer it.

Me…I’m happy to go with what works in each particular situation, both options have their advantages and disadvantages.

[GMB]

@Paulie_D: you mean display:inline-block?

FWIW I’ve always used display:inline for horizontal nav bars.

[Paulie_D]

Sorry…Yes.

inline-block

[c_parsonage]

thanks guys, that is great :)

[Author]

Posts