Con la ayuda de css he conseguido que el enlace de cada sección esté resaltado cuando estoy en ella, para que los visitantes sepan es qué sección están. En cada sección de mi página web le asigno un id a la etiqueta body para identificarla y en la navegación le aplico a cada enlace un selector de clase para identificarlo.
¿Cuál es el problema? Pues que funciona en el explorer pero no en el firefox ni en el opera. ¿Alguien sabe a qué puede ser? Seguro que se arregla con un mínimo cambio en el código html o css. Os paso los códigos para que veáis cómo lo tengo preparado.
HTML:
<body id="Contacto">
<div id="navegacion">
<ul>
<li class="Informacion"><a href="index.html">Información</a></li>
<li class="Servicios"><a href="servicios.html">Servicios</a></li>
<li class="Portafolio"><a href="portafolio.html">Portafolio</a></li>
<li class="Contacto"><a href="#">Contacto</a></li>
</ul>
</div>
CSS:
#Informacion #navegacion .Informacion a,
#Servicios #navegacion .Servicios a,
#Portafolio #navegacion .Portafolio a,
#Contacto #navegacion .Contacto a, {
font-weight:bold;
background: url(imagenes/boton2.jpg) no-repeat center;
}
Con css controlo el aspecto de los enlaces, que por defecto tienen la imagen boton1 de fondo, y cuando paso el ratón por encima, aparece la imagen boton2. Y gracias al código que he puesto arriba, la sección de turno también resalta con la imagen boton2 de fondo. En explorer va fenomenal pero en otros navegadores no resalta el enlace de la sección. Un saludo.