Ver Mensaje Individual
  #6 (permalink)  
Antiguo 01/08/2009, 11:36
matucasal
 
Fecha de Ingreso: marzo-2009
Mensajes: 168
Antigüedad: 15 años, 8 meses
Puntos: 1
Respuesta: Menu css bonito

jeje disculpa las molestias, pero tengo otro error, es que ahora no puedo hacer que cuando presiono un link, el link quede marcado. Por ej cuando entro a contacto.html no queda marcada la linea celeste si saco el mouse de arriba del link
Pongo los codigos aver si descubren alguna anomalia

Primero el menu.html
Código HTML:
<html>
<head>
<link rel="stylesheet" href="menu.css" id="estilo" type="text/css">

</head>
<body>
<div id="menu">
<ul>
<li><a class="activo" href="#">Inicio</a></li>
<li><a href="contacto.html">Contacto</a></li>
</ul>
</div>
</body>
</html> 
Código HTML:
<html>
<head>
<link rel="stylesheet" href="menu.css" id="estilo" type="text/css">
</head>
<body>
<div id="menu">
<ul>
<li><a href="menu.html">Inicio</a></li>
<li><a class="activo" href="#">Contacto</a></li>
</ul>
</div>
</br>
</br>
Este es el contacto
</body>
</html> 
Esa seria contacto.html

y aca el menu.css
Código:
body{
background-image:url("images/fondoheader.png");}
#menu ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#menu ul li{display:block;float:left;margin:0 1px 0 0;}
#menu ul li a {
background-color:#000;
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, .activo{
border-top:6px solid #2DA8D4;
text-decoration:none;
}
Si encuentran algo mal avisenme gracias