[thelist] drop down menu: css/javascript or flash?

Colin Gremillion gremilco_caz at yahoo.com
Sat Apr 3 00:09:38 CST 2004



>hi everyone,
>
>i've a nav dilemna that needs solving. i am currently
>working with a top nav that has drop down menus. the
>drop downs have been coded using javascript.
>
>take a look at the base image here:
>http://funky.groovebaby.com/nav.gif

Hi Monique,

You have a few options under your belt here. Before
attempting any of them, make sure you realize that by
default, IE renders a 10px margin on pages while
Mozilla/NS does not, so you will need to specify a
value in your body tag using both attributes
(leftmargin, topmargin, marginwidth, marginheight) so
that your menus don't show up in different places.
That being said, you can try:
- using a 1px-wide background image with horizontal
lines and using an image map for the various colors
and a margin-left style to keep it pushed to the right
(% or px, depending on how you want it to show up for
different resolutions). Then, <div's> with absolute
positioning wherever you want in the code for the
drop-downs with your standard drop-down js function.
OR
- using a single background image and lay on invisible
divides (with the same height and width as the
corresponding pantone wonderland) with a mouseover in
the div tags with, again, the <div's> for the
drop-downs and standard js function.

I would definitely suggest #1, although it involves
some image cropping. Also, #2 will not work in NS 4.x
because it only supports the mouseover event in links
(and something else, but I can't recall right now, but
definitely not divs). But I heard NS 4.x had moved
down to 2%, most of whom are jerks taking pleasure in
breaking otherwise-decent web sites, so maybe you
shouldn't worry.

Hope that helps, feel free to email for advice.

Colin
bocmaxima81 at NOyahoo.comSPAM


__________________________________
Do you Yahoo!?
Yahoo! Small Business $15K Web Design Giveaway 
http://promotions.yahoo.com/design_giveaway/


More information about the thelist mailing list