The Problem with Drop-down Menus
I first use the universal selector * to remove the default margins and padding of all the elements. Then I style the border of the div green, the ul red, and the li blue. Finally, I make the background of the innermost element, the link (a), a pale gray—that is going to be the background [...]
A DROP-DOWN MENU TUTORIAL
Rather than take you through the lengthy and complex CSS of the multi-level menu, let’s look at a more simple example to help you understand the concepts behind it. This is a fun exercise to write for yourself from scratch. It’s not too complex, but it incorporates just about every CSS technique that we have [...]
CREATING THE DROP-DOWNS ON THE MENU
The various levels of the menu are created by nesting lists inside of lists. Take a very close look at this markup: Item 1 Item 1a Item 1b Item 2 I have added a second unordered list inside the fi rst list item, which is highlighted; this is the drop-down menu. Note exactly where it [...]