29/11/2006, 14:20
|
 | Colaborador | | Fecha de Ingreso: octubre-2006 Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses Puntos: 280 | |
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Pruebas Menu</title>
<style type="text/css">
body { margin: 0px;
background-color: rgb(173, 173, 173);
}
#contenedor { margin-left: 20px;
}
#contenedor a { border-left: 1px solid rgb(231, 231, 231);
border-right: 1px solid rgb(255, 255, 255);
padding: 4px 7px;
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 11px;
text-decoration: none;
color: rgb(0, 0, 0);
background-color: rgb(231, 231, 231);
margin-top: 6px;
float: left;
}
#contenedor a:hover { border: 1px solid rgb(255, 255, 255);
padding: 8px 7px;
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 11px;
text-decoration: none;
color: rgb(255, 255, 255);
background-color: rgb(38, 38, 93);
margin-top: 0px;
float: left;
}
</style>
</head>
<body>
<br />
<br />
<div id="contenedor">
<a href="#">» Empresa</a>
<a href="#">» Soluciones</a>
<a href="#">» Case
Study</a>
<a href="#">» Sala
de Prensa</a>
<a href="#">» Partners</a>
<a href="#">» Cursos</a>
<a href="#">» Bolsa
de Empleo</a>
<a href="#">» Tienda
Online
</a></div>
</body>
</html>
No he puesto negrita a la capa rollover para que no se desplace hacia la derecha por el mayor tamaño de la letra, y poder mantener que cada uno tenga su tamaño según el texto. Si es importante, tendrás que dar tamaño a cada elemento por individual y hacer algún pequeño cambio.
Mikel. |