Web Pages Designed With Your Wallet In Mind!
CSS - Horizontal List Menu
Checked in FF 2.0 and IE 7.0 only.
Description: This is a lean CSS horizontal menu. The markup is entirely based on an ordinary HTML list, with support for 1 level of nested lists. The nested lists are transformed into 2nd level drop down menus that appears dynamically onmouseover. The entire menu interface is styled via the external CSS, even the arrow image that you can customize to appear automatically beside menu items that carry a 2nd level. NOTE: This is the same menu as used on this page at top.
Three Steps to install CSS - Horizontal List Menu:
Directions:
Step 1: Add the following code to the <head> section of your page:
It references two external files and 3 images. See step 3 for image links.
- * csshorizontalmenu.css
- * csshorizontalmenu.js
- * The three images
Step 2: Add the below HTML to your page, which contain your menu links:
- Step 3: Download images (do NOT HOTLINK):
- menubgtc3.gif
- menuarrowfo5.gif
- menubgoverlc0.gif
