Foros del Web - Ver Mensaje Individual

kseso? · #7 (**permalink**) 01/08/2009, 13:47

Mira a ver si esto te sirve, y si es así busca las diferencias (entre otras un detalle que se me escapó en mi último comentario)

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">
<head>
<title>Kseso? jugando con css</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<style type="text/css">
* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
  position: relative;
}
#menu {margin: 10px auto 0; width:220px;}
#menu ul{}
#menu ul li{float:left; list-style-type:none;}
#menu ul li a {
background-color:#444;
border-top:6px solid transparent;
color:#FFFFFF;
display:block;
padding:8px;
position:relative;
text-decoration:none;
}
#menu ul li a:hover, #menu ul li a:active, #menu ul li a.activo {
border-top:6px solid #2DA8D4;
text-decoration:none;
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a class="activo" href="#">Inicio</a></li>
<li><a href="contacto.html">Contacto</a></li>
<li><a href="contacto.html">Otro</a></li>
</ul>
</div>
</body>
</html>

Un saludo