Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

CSS menu with images

Drop Down Menu

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

New User

10+ Year Member

joined:Dec 16, 2006
votes: 0

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.

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

Senior Member

WebmasterWorld Senior Member suzyuk is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Oct 1, 2002
votes: 0

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


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

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

New User

10+ Year Member

joined:Dec 16, 2006
votes: 0

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.



Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members