css layout divs css layout height css layout firefox xhtml css layout css column layout css header layout css horizontal layout css layout maker

advertisement

Free Web Template: Basic Horizontal Menu

The CSS

By Jennifer Kyrnin, About. com

Filed in:

blogging, blogger, blogspot, money from blog

1. Webdesign

2. > Principles of Web Design

3. > Layout

4. > Web Site Templates

5. > Free Web Templates

Copy the CSS into a file named styles. css. Keep in the same directory as your HTML document. Make sure you are not the ad copy that can be displayed in the code copying.

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: 1px solid # fff;

border-top: 1px solid # fff;

border-right: 1px solid # fff;

)

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

ul # navigation li a: hover (

color: # 000;

background-color: # fff;

) Blogging, blogger, blogspot, money from blog

You’re free to one 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 distribute the files in any way. Do not place these files on another site, electronically distribute them, or to integrate them into one package for distribution. If these files useful, add a credit or a link back to this site [http://webdesign. about. com /]. Terms of Use last modified 8/29/2004.

blogging, blogger, blogspot, money from blog

Back to Basic horizontal menu

More Free Web Templates Menu

More XHTML CSS Layout Templates

blogging, blogger, blogspot, 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 —