I was bored and tried to make cool navibar so i made this..
.:PREVIEW:.
First off lets create a html document and put divs inside table and so on..(look at the code)
index.html
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<link href="file.css" TYPE="text/css" REL="stylesheet">
</head>
<body>
<center>
<table>
<tr>
<td class="menu">
<div class="linkbar">
<a href="link">Index</a>
<a href="link">News</a>
<a href="link">Gallery</a>
<a href="link">Tutorials</a>
<a href="link">Forums</a>
<a href="link">Downloads</a>
</div>
</td>
</table>
</center>
</body>
</html>
Then we create .css
file.css
Code:
.menu{
padding: 0px;
width: 100%;
background-color: #576;
color: #fff;
font-family: verdana;
font-size: 10px;
border: 1px solid #acb;
}
td.menu div.linkbar{
text-align: center;
}
td.menu div.linkbar a {
font-size: 10px;
color: #fff;
text-decoration: none;
}
td.menu div.linkbar a:hover {
color: #000;
background-color: acb;
}
.:PREVIEW:.