Foros del Web - Ver Mensaje Individual

willyfc · #2 (**permalink**) 11/04/2009, 09:03

pues esta sería la forma:

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es" xml:lang="es-es">
<head>
<style type="text/css">
#menu {
font: .9em "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-top: 5px;
background-color: blue;
width: 100%;
text-align:center;
}
 
#menu ul {
list-style-type: none;margin: 0;padding: 0;
}
#menu ul li {
display:inline;
padding-right: 5px;
}
 
#menu a {
text-decoration: none;
color: #3366CC;
background: #F0F7FC;
padding: 3px 30px;
text-align: center;
border: 1px solid #ACCFE8;
border-width: 2px;
}
 
#menu a.activo {
background: #ACCFE8;
border-color: #F0F7FC;
}
 
#menu a:hover {
background: #DBEBF6;
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a class="activo" href="/">Inicio</a></li>
<li><a href="/empresa">Empresa</a></li>
<li><a href="/servicios">Servicios</a></li>
<li><a href="/clientes">Clientes</a></li>
<li><a href="/contacto">Contacto</a></li>
<li><a href="/empleo">Empleo</a></li>
</ul>
</div>
</body>
</html>