Results 1 to 2 of 2
Thread: Drop-down Menu
Feb 22, 2011, 21:34 #1
- Join Date
- Apr 2010
- 0 Post(s)
- 0 Thread(s)
Are there any tutorials out there or samples of a simple CCS Dropdown Menu?
I recently built a simple menu bar which looks like a series of (horizontal) rectangles. When you hover over one, it turns color. And each rectangle is like a "tab" that leads to a section in my website.
So now I would like to expand, and have a submenu for each main menu item. For example, I have an item "SHIRTS" and I would like a vertical dropdown that displays:
No fancy effects. Just a simple solid color, rectangular drop-down menu like you would find in most applications you use on your computer.
Feb 22, 2011, 21:55 #2Are there any tutorials out there or samples of a simple CCS Dropdown Menu?
Here is a couple of very simple examples using fixed widths that show the basic concept.
(view page source)
Simple Dropdown #1
Simple Dropdown #2
since I need to be backwards compatible to IE6.
A typical suckerfish dropdown uses li:hover to trigger the dropdown and that is where IE6 needs help. The script only needs to be feed to IE6.
See the article at html dog for the basic setup