Forum Moderators: not2easy

Message Too Old, No Replies

CSS menu with images

Drop Down Menu

         

webcolors

6:16 pm on Jan 31, 2007 (gmt 0)

10+ Year Member



Hello, I hope someone can help me finding a way to create a CSS menu that looks a little bit different than the standard.

Basically, I have a page with 3 sections (buttons), and what I need is when people roll over the button, 3 buttons will appear (horizontally)underneath it so they can choose one, there will be no html text, all buttons are images.

If there is a code (source) that I can use and modify, it would be great.

Thank you all for your help.

SuzyUK

11:57 am on Feb 2, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



are the first/main 3 buttons horizontal or vertical?

either way I would code them as unordered lists <ul> (it makes no difference whether they contain text or images) to me the are still a list of choices, then once you have the main three buttons formatted how you like (size position etc..) then nest a further list for your secondary choices and format it to your liking too (e.g. horizontal)

make the menu with background colors first too, to get the size and positioning right first - then you can replace the colors with background images when it's finished, or insert HTML images, whatever your preference

if you get a start off you could perhaps come back and ask more about the finer details as you come to them, there are loads of different rollover menus out there and if you look at their source code is usually surprising similar, it's the CSS for placement and background images which create the different looks

Suzy

[edited by: SuzyUK at 11:57 am (utc) on Feb. 2, 2007]

webcolors

3:19 pm on Feb 2, 2007 (gmt 0)

10+ Year Member



Thank you very much Suzy, I wasn't sure if what I'm about to do falls under drop down menu, I will give it a try and see how it goes.

Thanks.