(* alert - beginner's question *)

Hi

Thanks for the feedback on my sample side-scrolling portfolio. Very 
useful to know that IE PC messes up the dashed borders - and how to fix 
it.

I'm now trying to figure out a navigation menu.

There are going to be about 12 galleries, each with about 12 pictures. 
So that's 12 links, plus a few more for further info.

15 links seems too many to display at once, so I'm thinking of 
drop-down menus.

I'm keen on a CSS-only solution, and I've played with the various menus 
at CSSPlay. Unfortunately I can't style any of them in quite the way I 
want (I'd like the menu to survive a couple of clicks of 'enlarge text' 
in the viewer's browser). (Also the CSSPlay menus simply won't work in 
IE Mac, which I've decided I need to support.)

So I've moved on to the Son of Suckerfish menu at HTMLDog. With the 
help of the huge comments section, I've altered (cut/paste) the small 
bit of Javascript so that it will work on IE Mac (it's a bit buggy - 
the links become invisible when clicked - but it works). It also works 
well in Safari 1.3.2, Safari 2.0.3, FF Mac 1.5.0.6 and Opera Mac 9.01.

Here it is. I've dropped an image below the menus in roughly the 
position the side-scrolling gallery will be. Obviously, the menus 
should appear over, not under, the image. The links don't go anywhere 
at present:

http://www.richardnicholson.com/testing/suckermenu7.html

Questions:

1. Does it work in other browsers (especially IE 5, 6, 7 PC)?

2. Does it survive an increase in text size?

3. Are there better solutions than Suckerfish (that I could style 
visually in a similarly basic way)?

4. Is it possible to target the top level links with CSS so they don't 
darken on mouseover (like the other links do)? Also can I stop the 
cursor changing into a hand for these top links? (Basically I don't 
want people clicking on the top level links, and the only behaviour I 
want them to see is the menu dropping down).

5. Can I use CSS to make the white background of the menus 
semi-transparent (i.e. so the images show through slightly)?

Thanks for any tips

Richard
 



______________________________________________________________________
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/

Reply via email to