Vízszintes menü 03.
CSS kód
<style type="text/css">
#menuhorizontal {
border:none;
margin: 0;
font: 10px Arial, sans-serif;
}
#menuhorizontal li {
list-style: none;
margin: 0;
display: inline;
}
#menuhorizontal li a {
height:1px; /* IE5.0 bug */
padding: 3px 1px;
margin:0;
border: 1px solid #bcd0fd;
background: #e1eafe;
text-decoration: none;
}
#menuhorizontal li a:link {
color: #96b4f6;
}
#menuhorizontal li a:visited {
color: #fff;
}
#menuhorizontal li a:hover {
background: #ffeecd;
color: #eebc5b;
border-color: #f8d694;
}
</style>
Menü kód
<ul id="menuhorizontal">
<li>
<a href="#" title="LINK címe">MENÜ címe</a>
</li>
<li>
<a href="#" title="LINK címe">MENÜ címe</a>
</li>
<li>
<a href="#" title="LINK címe">MENÜ címe</a>
</li>
<li>
<a href="#" title="LINK címe">MENÜ címe</a>
</li>
<li>
<a href="#" title="LINK címe">MENÜ címe</a>
</li>
<li>
<a href="#" title="LINK címe">MENÜ címe</a>
</li>
<li>
<a href="#" title="LINK címe">MENÜ címe</a>
</li>
</ul>
|