Mmm. Perhaps I wasn't clear enough. I can make the Suckerfish menus do what I need in terms of styling text just fine, but the client is rather attached to having a specific typeface, so I need to use images in the dropdown lists (at least for the GUI browsers). These images are supposed to look like this when "off" : http://www.greenmountainaccess.net/~ktalmage/thirdsector/pix/menupix/grantwritingmenu_01.gif and this when "hovered" http://www.greenmountainaccess.net/~ktalmage/thirdsector/pix/menupix/grantwritingmenu_01-over.gif
So, in my mostly-CSS Suckerfish menu at http://www.greenmountainaccess.net/~ktalmage/thirdsector/grantwriting.phpI've replaced the text with images (this part is actually in progress). The level one images rollover they way they should (with the Javascript). The level two images don't roll (not in FF, not in IE, not in Opera...) Is this a CSS problem at all? CSS file: http://www.greenmountainaccess.net/~ktalmage/thirdsector/style/3s_basic.css Javascript for rollover: http://www.greenmountainaccess.net/~ktalmage/thirdsector/js/rollmenu.js Hmmm.. Suckerfish javascript (Maybe there's a conflict?): http://www.greenmountainaccess.net/~ktalmage/thirdsector/js/navscript.js Thanks again --Kir > Lorin Rivers lrivers at gmail.com > Fri Jul 28 15:26:33 CDT 2006 > > I just finished rasslin' with Sucka, which rocks. The challenge is > understanding the specifity and nesting of the list items. > > To get the sub-menus to look different from the top-level items (black > on grey, orange back for hover), I did this: > > #nav li:hover ul a, #nav li.sfhover ul a { > color: black; font-weight: normal; border-right: none; background: > #ccc; padding: 4px 13px; > } > > #nav li:hover ul a:hover, #nav li.sfhover ul a:hover { > background: #f90;} > > I'll send you the source if you want... > > On 7/27/06, metasilk <metasilk at gmail.com> wrote: > > began with a suckerfish dropdown style menu. Per client desires, I > > want to have the menu items appear as images (to get the right font) > > after all. The upper level has the appropriate rollover appearance > > (the images change). The drop downs menus, while the appear correctly, > > don't change images. > > > > Any suggestions as to what to fix to make the lower level ones change also? > > > > Page: http://www.greenmountainaccess.net/~ktalmage/thirdsector/publicpart.php > > Scripts: http://www.greenmountainaccess.net/~ktalmage/thirdsector/js/rollmenu.js > > > > (Note: not all images for the list exist yet... ) > > > > Thanks kindly. > > > > Kir > > ______________________________________________________________________ > > css-discuss [css-d at lists.css-discuss.org] > > 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/ > > ______________________________________________________________________ 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/
