Discuss: Suckerfish Dropdowns

by Patrick Griffiths, Dan Webb

121 External javascript?

Is there any way to link to an external stylesheet that will do the same thing? I’d like to use this IE hack, but I’m trying to keep my web pages clean.

posted at 01:35 pm on January 23, 2004 by Joel Young

I have created left and right side vertical menus and a “drop-up” menu examples using :hover and my emulator behavior.
No CSS hacks or additional elements, so you should choose your favourite one to make these basic functional menus perfect.
Tested:Ie6Win/FireBird 0.7.

http://www.hszk.bme.hu/~hj130/css/list_menu/hover/index.html

posted at 10:29 am on January 24, 2004 by Janos horvath

123 Re: Safari 1.1 workaround

Larry’s aforementioned code seems to grab the “spoofed” Mozilla version number (which is “5”) rather than the Safari build number. As a result, using his code appears to disable the drop down functionality for all versions of Safari, not just the pre-Panther versions.

I managed to cook up the following code which appears to grab the correct build number. Note that Javascript is not at all my specialty, so some of you will undoubtably find “opportunities for improvement.” :)

// Sniff pre v.86 versions of Safari

var agt = navigator.userAgent.toLowerCase();
var appVer = navigator.appVersion.toLowerCase();

var is_safari = (agt.indexOf(“safari”) != -1);
var build = appVer.substring(appVer.lastIndexOf(”/”)+1);

if (build < 86) { [removed](’<style type=“text/css”>li:hover ul { display: none } </style>’); }

posted at 12:18 am on January 28, 2004 by Harley Jacoubsen

124 Re: having problems (Simmo)

Fixed a couple of problems for you and got it to validate. I got it to work as (I think) you intended in MSIE 6.0, Netscape 7.1, Opera 7.23, Mozilla/Firebird 0.7, K-Meleon 0.8.2. The main to the css changes were:

li {

Clear: left; float: left; } ul>li{ clear: none; float: none; }

li > ul { top: auto;}

See: http://whistlingduck.wrellis.com/menu4.html

I am still having issues with my site on Mac browsers. Unfortunately I do not have easy access to a Mac so turnaround is slow. If anyone has any advice I would sure appreciate it.
-William Ellis

posted at 03:27 pm on January 29, 2004 by William Ellis

125 Woops, missed the URL

URL for aforementioned site is:
http://whistlingduck.wrellis.com/

Sorry about that…
-Will

posted at 03:28 pm on January 29, 2004 by William Ellis

126 doctype

dont forget the doctype:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

i was using Transitional and it wouldn’t work in Mac/IE. once i changed to strict, everything worked great.

posted at 04:43 pm on February 2, 2004 by Steve McGhee

127 Drop-Down Push?

I’m working on a website for school and my teacher refuses to give up frames. He wants a drop-down menu in a typical side-bar fashion. After trying this example, my drop-downs go outside of the frame so they aren’t much good. I was looking at two solutions, and was wondering if anybody here could help me with either of them.

Solution 1: Code the drop-downs in such a way so that the drop-downs push the lower options out of the way, in the same column. Example(hope this works):

Heading 1
Heading 2
Heading 3

And when mouse hovers on Heading 2, you get:

Heading 1
Heading 2 Option 1 Option 2
Heading 3

You get the idea, right?

Solution 2 (may be easier?): His main objections to tables instead of frames is that it’s easier to maintain one menu file. So, I was wondering if it would be possible to add in a special HREF that would embed the code for the menu into the table, without having to copy it again. I hope you can understand what I mean…

Thanks for the help, and I’m finding this to be a great site for information.

posted at 02:57 pm on February 3, 2004 by Mark