1. Technology

Free Web Template: Basic Horizontal Menu


About this Free Web Template:

This free list menu template shows you how to create a basic horizontal menu using simple XHTML tags and CSS properties. It is a blue menu with white text and white rollover.

See The Template


  • menu 100% wide with a dark blue background
  • menu items white text with light blue dividing lines
  • rollover turns the menu items white background with black text

To Use the Free Web Template:

  1. Copy the CSS into a document named styles.css
  2. Copy the HTML into another document in the same directory
  3. Change the text to your content
  4. Don't forget to add a title
  5. Publish both pages
  6. If you want to add design changes - create another CSS file or add it to styles.css

If you plan to add this menu to an existing page:

  1. Copy the CSS into a document named styles.css
  2. Copy the HTML from the BODY section into your HTML
  3. Add a link to the styles.css file into your HTML
  4. Modify styles.css so that all your other links are the correct color

The Web Site Template Data:

More Web Site Templates:

Terms of Use:

You are free to use any of the free Web templates here for personal or commercial designs, either in print or on the Web, excluding items for resale. You may not give away, sell, or redistribute the files in any way. Do not post these files on any another Web site, electronically distribute them, or include them in any package for distribution. If you find these files useful, please include a credit line or a link back to this site [http://webdesign.about.com/]. Terms of use last modified 8/29/2004.

©2014 About.com. All rights reserved.