Create toolbars with lists
Create the toolbar (html markup)
You can use this code to create the list that will be turned into our nicely formatted toolbar:
<div id="toolbar">
<ul>
<li><a href="url1">item one</a></li>
<li><a href="url2">item two</a></li>
<li><a href="url3">item three</a></li>
</ul>
</div>
Format the toolbar (css rules)
And these are the rules to add to the stylesheet:
#toolbar ul {
list-style: none;
}
#toolbar li {
float: left;
height: 30px;
}
#toolbar li a {
display: block;
height: 30px;
color: #000000;
background-color: #FFFFFF;
}
#toolbar li a:hover {
color: #000000;
background-color: #EAEAEA;
}
Of course you can play a bit to find out a better colors combination.
