<ul id="nav">
<li class="forside" href="index.html">Forside</a></li>
<li class="portfolio" href="#">Portfolio</a></li>
<li class="blogg" href="#">Blogg</a></li>
<li class="ommeg" href="#">Om meg</a></li>
</ul>
ul#nav {
display: inline;
}
ul#nav li {
display: ;
height: 65px;
text-indent: -9999px;
}
ul#nav li.forside {
width: 149px;
height: 62px;
background: url(element/forside.jpg) top center no-repeat;
}
ul#nav li.portfolio {
width: 112px;
height: 62px;
padding-left: 648px;
background: url(element/portfolio.jpg) top center no-repeat;
}
ul#nav li.blogg {
width: 112px;
height: 62px;
padding-left: 340px;
background: url(element/blogg.jpg) top center no-repeat;
}
ul#nav li.ommeg {
width: 112px;
height: 62px;
padding-left: 910px;
background: url(element/ommeg.jpg) top center no-repeat;
}
ul#nav li a:hover{
background-position: bottom center;
}
ul#nav {
display: inline;
overflow:hidden;
}
ul#nav li {
display: block;
height: 65px;
float:left;
width: 150px;
list-style:none;
background-position: top center;
}
#nav li.forside {background-image:url(element/forside.jpg)};
Registrerte brukere: Google [Bot]