Thingol
Technical User
- Jan 2, 2002
- 169
Hi all,
I'm trying to build a vertical css menu that uses background images to get a
menu that scales up together with the displayed font size. See [URL unfurl="true"]http://www.alistapart.com/a
rticles/slidingdoors/[/url] for an article on how this technique should
work for a horzontal bar with tabbed navigation.
My vertical version with nested nested submenus is overhere:
[URL unfurl="true"]http://www.freepgs.com/sendeman/Menu.htm[/url]
and the css is on:
[URL unfurl="true"]http://www.freepgs.com/sendeman/Menu.css[/url]
I've been working on this for two days now, but can't seem to get it all to
work properly. I have already tackled a lot of the problems, but can not
seem to get rid of two:
1.
In IE there is whitespace in the place where the submenu list element is
moved out of the text-flow. I have been fiddling with position: relative to
get rid of the whitespace, but to no avail.
2.
There is some whitespace showing up between the #menutoprechts div
and the #menuposition ul list, depending on the size of the browser
window (both in FF and in IE, likely in other browsers as well). Tweaking
the height of the #menutoprechts and #menutoplinks div and
span changes the behaviour, just like fiddling with the top-margin
percentage of #menuposition, but I can't say I understand why
exactly. I don't see any systematics in the behaviour.
I hope anyone here may be able to help me out with these two problems.
Any help would be greatly appreciated!
Best regards,
Martijn Senden.
P.s. I re-applied the background-images for the submenu, because when I get
a chance, I'll make the submenu a different color, so then the submenu list
will need different images from the main menu list. I'll only have to change
the image url's and be done.
In the Beginning there was nothing, which exploded.
--Terry Pratchett, Lords and Ladies--
I'm trying to build a vertical css menu that uses background images to get a
menu that scales up together with the displayed font size. See [URL unfurl="true"]http://www.alistapart.com/a
rticles/slidingdoors/[/url] for an article on how this technique should
work for a horzontal bar with tabbed navigation.
My vertical version with nested nested submenus is overhere:
[URL unfurl="true"]http://www.freepgs.com/sendeman/Menu.htm[/url]
and the css is on:
[URL unfurl="true"]http://www.freepgs.com/sendeman/Menu.css[/url]
I've been working on this for two days now, but can't seem to get it all to
work properly. I have already tackled a lot of the problems, but can not
seem to get rid of two:
1.
In IE there is whitespace in the place where the submenu list element is
moved out of the text-flow. I have been fiddling with position: relative to
get rid of the whitespace, but to no avail.
2.
There is some whitespace showing up between the #menutoprechts div
and the #menuposition ul list, depending on the size of the browser
window (both in FF and in IE, likely in other browsers as well). Tweaking
the height of the #menutoprechts and #menutoplinks div and
span changes the behaviour, just like fiddling with the top-margin
percentage of #menuposition, but I can't say I understand why
exactly. I don't see any systematics in the behaviour.
I hope anyone here may be able to help me out with these two problems.
Any help would be greatly appreciated!
Best regards,
Martijn Senden.
P.s. I re-applied the background-images for the submenu, because when I get
a chance, I'll make the submenu a different color, so then the submenu list
will need different images from the main menu list. I'll only have to change
the image url's and be done.
In the Beginning there was nothing, which exploded.
--Terry Pratchett, Lords and Ladies--