I'm trying to build my first site (learning how to code by hand) using
XHTML and CSS. I've done a lot of reading but I can't figure out
what's going on here. I'm trying to generate tabs for a horizontal
navigation system using only XHTML and CSS. I put up a section of
code at http://www.xmission.com/~mpyne/help_me/subnavonly.html. I
also put a screen capture of the code in 4 browsers (NS6.2, Mozilla
1.5, Opera 7.1, and IE6/Win) at
http://www.xmission.com/~mpyne/help_me/subnavonly.jpg.
I colored the different sections and used some borders so I can see
what's going on. NS & Moz look the same, but I get two other
renditions in Opera and IE6.
Questions:
1) What bugs in the browsers are causing the different renditions and
how can I correct or hack around them?
2) Why is the unordered list indented from the left? If you look at
the source, you'll see that I figured out a way around this, but I'm
not sure if it's the best or correct way. I want my tabs to be flush
left with the div.
3) Why is there space between when I remove the float from the
anchors? Is there some default spacing?
Any help is much appreciated. If you can point me to any links, etc.,
I can refer to, that is also very helpful. I've not been able to find
any for this problem.
Mike