Learning CSS

Due to some criticism of my site and other sites i’ve seen on this forum, I’m currently learning CSS myself to figure out the best design for me and I have a page up to experiment with. it is at http://www.freewebs.com/radscientist/csstest.html.
you can see the .css code by going to http://www.freewebs.com/radscientist/mystyle.css, this css code are based on the sample one provided by http://www.w3.org/Style/Examples/011/firstcss.

Current thing to figure out:
-how to make the text in the <li> (the navigation list) stay black while all other text stay white? (the <li> area itself is white and background elsewhere is black)
-how to make the horizonal rule in the list not have the <li> attribute applied to it?

do anybody have any idea of what should I figure out with CSS that may improve my site?

Your CSS says that all links are white, regardless of their parent nodes… you need to override that, something like:

ul.navbar :link, ul.navbar :visited
{
  color:black;
}

Add some class to the <li> tag:

&lt;li class="spacer"&gt;&lt;hr&gt;&lt;/li&gt;

then you can remove all the styling:

li.spacer
{
  background: none;
  margin: 0;
  padding: 0;
}

Philip: thanks! it worked though I figured out that I needed to add ul.navbar before the li.spacer in the code above to get it to work.

I’ll try to think up something to try on this page during work today. Maybe make the navbar scroll down? similar to the navbar in the link I posted above, http://www.w3.org/Style/Examples/011/firstcss. If you scroll down, you will see that the navbar stays in the screen. I really wanna to figure it out. sorry, almost late for work, GTG big time. c’ya later. thanks again for all of the info.