2 replies [Last post]
rmfred
rmfred's picture
Offline
Elder
Rock Springs, WY
Last seen: 1 year 2 weeks ago
Rock Springs, WY
Timezone: GMT-6
Joined: 2004-01-31
Posts: 1073
Points: 31

Having received comments stating I should possibly drop my current menu
http://www.tcsnd.org/fred/tcs/default1.asp in favor of the "suckerfish menu" I've had a go at it here http://www.tcsnd.org/fred/tcs/sucker.html

There are some subtle differences in the way browsers display the menu and I am at my wit's end to correct them (IE6 and Firefox) I'm pretty sure the IE problems are due to padding or margins or maybe the 3pix bug?

I've read all the posts here on lightweight menus, drop down menus the csscreator menu, the discussion at alistapart on the suckerfish menu etc. and still can't come up with a solution Sad

Items that don't display the same...
IE - the drop down shows border... Firefox doesn't
IE - flickering of the menu if wider than one line
FF - top level items flicker on rollover unless enclosed in a meaningless div

I would also appreciate ne1 being able to view in browsers other and IE6 and FF and letting me know has "bad" it looks in them

thanks

rmfred
rmfred's picture
Offline
Elder
Rock Springs, WY
Last seen: 1 year 2 weeks ago
Rock Springs, WY
Timezone: GMT-6
Joined: 2004-01-31
Posts: 1073
Points: 31

Menu display problems - "suckerfish"

OK.. solved the flicker problem..
The flicker in IE is because it only seems to recognize the hover on the text, not on the whole div; needed to give it some width

I also put together another menu for your review, see it at
http://www.tcsnd.org/fred/tcs/mymenu.html

Which one do you like better?

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 50 weeks 2 days ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Menu display problems - "suckerfish"

Hi

I like the last one best. Did you also look at the ADxMenu?

http://www.aplus.co.yu/ADxMenu/

Anyway, a few tweeks maybe:

1. A divider line between the vertical menu items in the drop downs, 1px very faint.
2. If you must put imges in the menu, make them appear opaque (fade them).

Trevor