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?
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.
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.
add display: inline; to
add display: inline; to #TopNav a. Then remove the line-height: 0px from #TopNav
Your awesomeness levels are off the charts! Thank you very much.