Menu with sublevels on hover using CSS only

views:

222

answers:

Menu with sublevels on hover using CSS only

Hi,

I want to know if it is possible, with pure html and css (no javascript, htc files, ...), to create a menu that has a sort of dropdown effect for subitems. It doesn't have to slide or anything (I know thats impossible), just show on hover.

Edit: It has to work in IE.

Thanks!

+1 A:

Take a look at

Pure Css Dropdown Menu Without Using Javascript

GRC's Script-Free Pure-CSS Menuing System

CSS menus

100% Pure CSS Menu without Javascript

I would also like to know why you don't want JavaScript.

rahul 2009-08-28 11:45:23

Why I don't want Javascript? Because I want the website to reach as many people as possible. +-5% of the users on the internet have javascript disabled or use browsers that do not support it.

Peter 2009-10-08 09:43:34

+1 A:

Please take a look at this pure css menu creator: purecssmenu.com

twk 2009-08-28 11:47:55

this is awesome! thanks, exactly what I was looking for and more!

Peter 2009-08-28 11:59:47

Isn't it a javascript based one?

rahul 2009-08-28 12:01:09

In downloaded it and it gives you a zipfile with an html and some images. The html file only contains html and css, no javascript to be found! Plus, it works great in IE8, dunno about IE6. Anyone care to test?

Peter 2009-08-28 12:03:53

Good to know you like it :)

twk 2009-08-28 13:13:12

I've tackled this a couple of times.. I wanted pure CSS as well that was layed out using UL's and LI's. It took me a while and a lot of reading and I ended up writing my own based on the source of a lot of others. Unfortunately, I had to make sure it worked in IE6 as well..

This site has a lot of good examples: CSSPlay

As well, you might look at the source for this one: CSS Menus

Mine ended up being a combination of several.

ProZach 2009-08-28 12:15:38

ansaurus

tags:

views:

answers:

Menu with sublevels on hover using CSS only

related questions