HTML:
<div id="menu">
<ul>
<li><a href="#">Start</a></li>
<li><a href="#">Tjänster</a></li>
<li><a href="#">Företaget</a></li>
<li><a href="#">Kontakt</a></li>
</ul>
</div>
STYLE:
<style type="text/css">
<!--
#menu {
background-color:#000;
width:490px;
}
#menu ul {
height:40px;
line-height:40px;
padding:0;
margin:0;
padding-left:20px;
list-style-type: none;
font-family:Verdana, Geneva, sans-serif;
}
#menu ul li {
float: left;
list-style: none;
margin:0;
padding:0px 4px;
height:30px;
}
#menu ul li a {
display: block;
padding: 0px 20px;
color:#00baf2;
text-decoration:none;
font-weight:bold;
background-image:url(images/menu_decor.gif);
background-repeat:no-repeat;
background-position:left center;
}
#menu ul li a:hover {
color:#FFF;
}
-->
</style>
BILD:
(högerklicka och välj spara som om du vill använda denna bilden)
Inga kommentarer:
Skicka en kommentar