4 replies [Last post]
bbq_rookie
Offline
newbie
Ursa Major
Last seen: 13 years 13 weeks ago
Ursa Major
Joined: 2007-07-20
Posts: 3
Points: 0

I have validated my css and googled for possible answers with no luck. I am trying to make a single navigation bar across the top of the page.

The problem that my links are being piled vertically one atop of another rather than being evenly spread apart horizontally.

It seems as if it should be an easy fix. I have been tinkering with it for hours. Could one of you great guys/gals please give me some help? Smile

CSS:http://www.darube.com/css/master.css
HTML:http://www.darube.com/newdesign.asp

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 6 years 33 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

You've made the anchors

You've made the anchors display:block; from their default inline (which is what you want I believe). Most use an unordered list for navigational links.

bbq_rookie
Offline
newbie
Ursa Major
Last seen: 13 years 13 weeks ago
Ursa Major
Joined: 2007-07-20
Posts: 3
Points: 0

reply

Ok, now I see that the display:block attribution is funking up things. How can I fix it? I tried inline, none, list-item. They did not achieve the goal. Here is an identical table-based website, which will help you understand what I am trying to accomplish in this css webpage.

http://www.darube.com/products.asp?cat=16

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 6 years 33 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

add display: inline; to

add display: inline; to #TopNav a. Then remove the line-height: 0px from #TopNav

bbq_rookie
Offline
newbie
Ursa Major
Last seen: 13 years 13 weeks ago
Ursa Major
Joined: 2007-07-20
Posts: 3
Points: 0

Thank you!

Your awesomeness levels are off the charts! Thank you very much. Smile