Designed for 1024x768 and Firefox Browser
Bugging You?Mississippi's State Bird
Mississippi's State Bird:

PayneLess Designs - Vertical Menu

The Way to Economical Web Site Designs

Web Pages Designed With Your Wallet In Mind!

CSS - Vertical Menu List
Checked in FF 2.0 and IE 7.0 only.
Page copy protected against web site content infringement by Copyscape

Download 3 images (do NOT HOTLINK):

  1. glossybackyk6.gif
  2. glossyback2sg4.gif
  3. arrowhw9.gif

Description: This is a lean CSS vertical 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 appears automatically beside menu items that carry a 2nd level.

Directions:

Step 1: Add the following code to the <head> section of your page:

  1. It references two external files and 3 images:
  2. cssverticalmenu.css
  3. # cssverticalmenu.js
  4. # The three images

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

Step 3: Add the following code to a blank HTML page named cssverticalmenu.css:

Step 4: Add the following code to a blank HTML page named cssverticalmenu.js:

Valid HTML 4.01 StrictValid CSS!