Free Web Template: Basic Horizontal Menu

The CSS

By Jennifer Kyrnin, About.com

Filed In:

blogging, blogger,blogspot,make money from blog

1. Web Design

2. > Principles of Web Design

3. > Layout

4. > Web Site Templates

5. > Free Web Templates

Copy the CSS into a file called styles.css. Save this in the same directory as your HTML document. Be sure to not copy the advertisement copy that may appear within the code.

ul#navigation {

padding: 0;

margin: 0;

background-color: #039;

color: #fff;

float: left;

width: 100%;

}

ul#navigation li { display: inline; }

ul#navigation li a {

padding: .25em 1em;

background-color: #039;

color: #fff;

text-decoration: none;

float: left;

border-bottom: solid 1px #fff;

border-top: solid 1px #fff;

border-right: solid 1px #fff;

}

a:link, a:visited { color: #fff; }

ul#navigation li a:hover {

color: #000;

background-color: #fff;

}blogging, blogger,blogspot,make money from blog

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.

blogging, blogger,blogspot,make money from blog

Return to Basic Horizontal Menu

More Free Web Menu Templates

More XHTML CSS Layout Templates

blogging, blogger,blogspot,make money from blog

More Basic Horizontal Menu

* The Layout Information

* The XHTML

* The Template

Related Articles

* Free Web Template: Basic Horizontal Menu with "You are Here" - Th...

* Free Web Template: Basic Vertical Menu with "You are Here" - The ...

* Free Web Template: Basic Vertical Menu - The CSS

* About Web Design Book Chapter 14 - Example 14-1

* About Web Design Book Chapter 8 -