Hi guys,

First post, as I'm trying to learn more about CSS and currently finding it very confusing.

I'm trying to make my menu options (at the top) at: consumercompensation.co.uk
drop down as the mouse is moved over them (home, are you entitled etc)

I'm sure it could be done in older Dreamweaver software but since I started using CS4 things are all over the place. Even the main object bar is hidden and can't find that!)

The options on the website are currently gifs and was wondering, isn't there a simple way, using Dreamweaver to just have a drop down box when someone moves their mouse over them?

I've read somewhere that I need to create an image for every option that will be displayed, but what if I just have them as html text options, with a background, so it looks like images but aren't?

Any advice would be helpful and remember - I'm a very new starter to CSS.

Cheers, in advance.

can you be a little more specific?

When you say drop down, what you want them to drop down to?

a list of links to other pages? or for the image to actually change to something else i.e. "hover" behaviors?

Originally Posted by muchacho

I've read somewhere that I need to create an image for every option that will be displayed, but what if I just have them as html text options, with a background, so it looks like images but aren't?

YES! Please do that. I don't know who told you that each button needed to be a .gif, but I don't think that they knew what they were talking about. If you used CSS for the buttons so that they were text, there would be a huge save on loading time. You should get rid of all those spacer .gifs as well, and use the margin: attribute in CSS.

As for the drop-down menu, I'm with rolda_hayes on that one. I'm not sure what you want. Though I'm guessing you want a typical drop-down menu for that, so maybe you'll want to look at this. I gave you a link to a pure CSS drop-down menu, because not all browsers support JavaScript... which is what a lot of those menus are made of.

- Steve

Cheers for the replies.

As Steve correctly assumed, I'm looking for the links to highlight and then some of them to drop down into sub menu options.

So they highlight, like at:
http://exploding-boy.com/images/cssmenus2/menus.html

and drop down like at:
http://www.tjkdesign.com/articles/ke...nu/default.asp

You say take the spacers out, but not really up to scratch with margin - I try and get by with tables and slices - I'm not a web designer as such I just dabble with Photoshop quite well.

Is it possible to have the image (top banner) as background (and removing all the option gifs out that are currently there), inside a table; with the CSS menu 'running' over the top?

So basically, in the browser it looks like the CSS menu is just on top of the banner.

I've gone via the method of using CSS Generator software and seeing how it works, but I'm starting from absolute scratch here.