Networking, Programming and Graphics Tutorials

How to making a horizontal navbar with CSS [1/4]

Type: Picture Networking, Programming and Graphics Tutorials
How to making a horizontal navbar with CSS
Level: Intermediate Networking, Programming and Graphics Tutorials Networking, Programming and Graphics Tutorials 
How to making a horizontal navbar with CSS
Date: 2007-Sep-25
How to making a horizontal navbar with CSS
Visited: 5992 times
How to making a horizontal navbar with CSS
Rating: How to making a horizontal navbar with CSS
How to making a horizontal navbar with CSS
Author: Alex Plumpton

This is a lesson that will show you how to make a horizontal navbar with CSS.

It is not nesessery to use div.
We distribute the links:

<div id="nav"> 
  <ul> 
    <li><a href="http://demolution.net">Home</a></li> 
    <li><a href="http://aglika.demolution.net">Aglika</a></li> 
    <li><a href="http://stani.demolution.net">Aglika</a></li> 
    <li><a href="http://sesil.org">Sesil</a></li> 
    <li><a href="http://saloni-bliasak.com">BEAUTY </a></li> 
    <li><a href="http://store.bgbody.com">Store1</a></li> 
    <li><a href="http://store.ftichki.com">Store2</a></li> 
    <li><a href="http://zinestudios.com" >Zinestudios</a></li> 
    <li><a href="http://forum.onlinehowto.net">forum</a></li> 
    <li><a href="http://avatarhosting.net">Avatar</a></li> 
  </ul> 
</div>
You can use ID or you can also use "class".
We will use CSS to add a border around the whole div/td tag in your horizontal menu:

#nav{ 
  border:1px solid #FFFFFF; 
}
Networking, Programming and Graphics Tutorials - How to making a horizontal navbar with CSS [1/4] - Networking, Programming and Graphics Tutorials

Need a specific tutorial? Do not hesitate and submit a request!
Related Tags: css making a horizontal navbar  navbar horizontal css  div tag css navbar horizontal  css horizontal navbar  horizontal navbar css  horizontal navbar  navbar horizontal  css horizontal navbar  navbar css horizontal  css horizontal navbar