« Links open in new window/tab »

« Links open in new window/tab »

Web Design & Development

Monitor Page for Changes


It's private by ChangeDetection
Share |
Page copy protected against web site content infringement by Copyscape

CSS - Horizontal List Menu
PayneLess Designs

NOTE: A popup example of a working CSS Horizontal Menu is forthcoming.

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.

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.

Step 2: Add the below HTML to your page, which contain your menu links:

Step 3: Download images: (DO NOT HOTLINK):

If you have found any services on my site to be beneficial and would like to donate, please feel free to donate ANY amount you want. Thank you very much.

Return to Top

Valid XHTML 1.0 StrictValid CSS!

Valid Robots.txt