Hola,
Estoy armando un sitio y tengo un menú horizontal creado en CSS. Los botones cambian a color degradé cuando paso encima con el mouse.
Sin embargo, cuando me encuentro en "incio", "clientes", "contacto", etc., etc. no se nota diferencia en el menú. Es decir, no se muestra el botón activo de la página correspondiente.
He leído algo al respecto, pero debo ser yo con el código o no sé, pero no puedo darle solución. No sé si se soluciona con CSS o con PHP. En todo caso, por favor indicarme cuál es la mejor opción. Yo aquí les muestro el código CSS y el HTML para que puedan ver cómo se soluciona esto. Un abrazo.
Código:
#nav {
margin:0;
padding: 0 0 20px 10px;
background: url(menu_bg.jpg) repeat-x;
}
html>body #nav {
padding: 0 0 38px 0px;
}
#nav li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#nav a:link, #nav a:visited {
float: left;
font-size: 18px;
line-height: 38px;
font-weight: bold;
padding: 0 47px 0px 47px;
text-decoration: none;
color: #FFF;
}
#nav a:link.active, #nav a:visited.active, #nav a:hover {
color: #FFF;
background: url(menu_bg-active.jpg) repeat center;
}
#nav a#flag:link.active, #nav a#flag:visited.active, #nav a#flag:hover {
}
Código HTML:
<ul id="nav">
<li><a "#">Inicio</a></li>
<li><a href="services_es.htm">Nuestros servicios</a></li>
<li><a href="trabajos_es.htm">Trabajos</a></li>
<li><a href="customers_es.htm">Clientes</a></li>
<li><a href="contact_es.htm">Contacto</a></li>
</ul>
Espero que puedan ayudarme. Llevo en esto un día y medio dando vueltas. Saludos.