I've just put together a navigation menu based on the suckerfish dropdown. You can see the template for the navigation here:
http://dev.kaizenhealingarts.com/template.htm There were only supposed to be 2 modifications to the suckerfish dropdown: 1) Subnavs fly out to the right, instead of dropping down below. 2) The addition of background images. As many of you know, background images in the suckerfish dropdown "flicker" in IE6. I scoured the 'net (including the archives of this list) and didn't find a workable solution. So instead of background images, I'm using foreground images. But I still wanted the text links in the subnav to lay on top of the images, so I put the text in a <span> tag below the image, then gave the <span> tag a negative margin-top to bring the text within the image, then gave the <span> tag a z-index of 5 to make sure that it appeared in front of the image. So I think I've got a solution that produces the same effect that would be achieved with background images, but without the annoying IE6 flicker. I've tested the current version on IE6, IE7, FF1.5, Opera 8.5 and Opera 9 for Windows. I tested an earlier version on Safari and Firefox for the Mac. There's an odd glitch in Opera 9 for Windows that causes the subnav to break up. If anyone else sees this and can offer any solutions, I'd greatly appreciate it! Outside of the Opera 9 glitch, I believe that the navigation should be working properly in the vast majority of browsers currently in use, except perhaps IE5, which I have not tested on. Please let me know if you find any issues with the navigation, or if you can suggest any improvements to the code. Many thanks! -- Marcello ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
