Creating a CSS Driven Drop Down Menu using CMenu

Comparing #5 with #6

Revision #6 was created by blindMoe on Mar 16, 2012, 9:52:41 PM.

Update the first line of CSS: added: position: relative; height: 30px;

Content

[...]

Ok so now that we have our PHP setup, let's dig into the CSS part. I am also not going to include the code for the sprites to keep things simple.

~~~
[css]
#menu-top ul { list-style: none; margin: 0; padding: 0; position: relative; height: 30px; }

#menu-top ul li { display: block; height: 28px; float: left; overflow: visible; }
#menu-top ul li:hover > ul { display: block; }

#menu-top ul li a { float: left; display: block; }

[...]