Válido para XHTML 1.0 Estrícto + CSS
Menú
El código:
<style type="text/css">
#menu{
list-style:none;
overflow:hidden;
}
#menu li{
float:left;
}
#menu a{
font:0.8em serif;
margin:1px;
text-align:center;
text-decoration: none;
height:17px;
width:19px;
display:block;
}
#menu a:link, #menu a:visited{
color:#000;
background:#fff;
border: #999 solid 1px;
}
#menu a:hover{
color:#fff;
background:#69c;
border: #069 solid 1px;
}
#menu a:focus, #menu a:active{
color:#fff;
background:#069;
border: #69c solid 1px;
}
#menu a.next{
color:#fff;
background:#333;
border: #999 solid 1px;
}
</style>
Como implementarlo:
<ul id="menu"> <li><a href="pagina1.html">1</a></li> <li><a href="pagina2.html">2</a></li> <li><a href="pagina3.html">3</a></li> <li><a href="siguiente.html" class="next">→</a></li> </ul>
