I am trying to create a nested horizontal menu at the bottom of my Web
page.
I got it to work just the way I'd like on a test page (where the menu
is
the only thing on the page): http://outtacontext.com/list5b.html. But
when
I put into my Web page, all the links are pushed together (see the
bottom of the page): http://inourpath.com/about.html.
It seems that some style for the site itself is affecting the
css/placement of this menu. But for the life of me, I can't figure it
out.
I need some fresh eyes or a workaround.
Hi Jeff,
Try this:
Remove the inline styles you have on the LIs
Remove the width and the max-width from the #TJK_dropDownMenu li {} rule
Change the padding value in the #TJK_dropDownMenu li a {} rule, from 0 7em
to 0 1em
Change the width value in the #TJK_dropDownMenu li ul {} rule, from 30em
to 100%
Feel free to reply off-list if you want.
--
Regards,
Thierry | http://www.TJKDesign.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/