Bruce Gilbert wrote:
http://www.wealthdevelopmentmortgage.com/test/test_file.htm in FF 1.0
PC, I am getting unwanted spacing between the top green menu and the
flash file below which I can't come up with a fix for.
UA's have different defaults for some elements.
ul#navlist {margin-bottom:0;}
also, the top menu (HOME, CONTACT US , PAYMENT CALCULATOR) should be
displaying without the underline and underlining only on hover. I
think I have this set up right in the CSS, so I am not sure what is
going on there.
#topnav li a:link { display: inline; list-style-type: none;
text-decoration: none; color: rgb(51, 51, 51); font-family:
arial,helvetica,sans-serif; }
#topnav li a:visited { color: rgb(102, 102, 102); }
#topnav li a:hover { text-decoration: underline; }
It's a human bug (http://www.satzansatz.de/cssd/pseudocss.html#linkhuman)
Once the link is visited, you get the default underline. Rewrite the
first rule to
#topnav li a { display: inline; text-decoration: none; color: rgb(51,
51, 51); font-family: arial,helvetica,sans-serif; }
lastly, I have tried unsuccussfully to move the menu down some leaving
space between the top menu and the green main nav. I added margin and
padding to the header div, but this does nothing.
Give the header a
div#header {... border:1px solid fuchsia; }
to see that the header does no contain the floats, so your margin
efforts did not have much effect.
have a read here:
http://www.complexspiral.com/publications/containing-floats/
div#header {margin: 0 0 1em 0; float:left; }
div#mainnav { ... float: left;}
(this prevents the effect that both the nav container collapse and a
following relatively positioned container overflows the menu, making the
links inaccessible.)
hth, Ingo
--
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
