Hello again
The last horizontal menu system I tried was by Tedd Sperling
(http://sperling.com/examples/menuh/). Unfortunately it depends on a unique
file called csshover.htc which didn't seem to do the trick for me. I even
went into my apache configuration but it just doesn't seem to be worth the
time. It all looked pretty good in the current browsers, but with IE6 it
was a mess (even though it looks great on his site).
So I searched the css-discuss wiki and came up with another horizontal menu
system found at www.tjkdesign.com/articles/Pure_CSS_Dropdown_Menus.asp, this
one is done completely with style sheets, (5 of them!). I've got a sample
page with the menu at www.ncmhcso.org/tjk/test2.htm. It looks pretty good
in the current versions of FF, Opera and IE7, and fairly good in IE6. I'm
told by a friend that it's OK on a Mac, but would like additional feedback.
As a relative novice on CSS, working with such complicated style sheets,
it's hard for me to find the things that will get rid of the little problems
that I've listed below. As usual, the expertise of the group would be
greatly appreciated.
I put in a lot of comments showing what the original settings were if I
changed them.
Issues:
With the Top Menu...
In FF, Opera and IE7 there is extra green on the right side. In IE6 there
is a lot of extra green on the right.
In FF and Opera there is a border that extends out at each end on the top
edge of the menu.
Oddly, with IE6, the sub menu allows for word wrapping, which would be great
to have, as the descriptions are lengthy. I know I can reduce the
descriptions, but would rather keep it as is. FF, Opera and IE7 just chop
off the extra words.
I want a little light green to show under the menu, I currently have the
section that I think governs it set as
#TJK_dropDownMenu {
position: relative;
background: #336566 no-repeat 100% 50%;
width: 52em; /**** was width: 55em; ****/
max-width: 100%;
float: left;
margin-bottom: .3em; /**** was margin-bottom: 3.5em; ****/
/**** deleted border-bottom: 1px solid #666; ****/
but IE 7 and 6 have more than I want.
With the Sub Menu...
In IE 7 and 6 there is a heavy green border on the left. I actually like
it, but if kept that way it would be good to be consistent between the top
menu and the sub menu, and in different browsers. Otherwise I should stick
with the medium of thin borders.
I seemed to be running in circles trying to get the background color to
match up with the borders, is there a better way?
Some spacing between each item would be good.
Thanks,
Tom Rogers
Tom Rogers Web Design
In this case: Webmaster for the National Coalition of Mental Health
Consumer/Survivor Organizations
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
