Mejorar menu con Rollover

[Werlisa]

Hola a todos, después de finalizar una web para unos amigos tengo algunas dudas sobre como mejorar el aspecto de la botonera.

He utilizado el estilo "rollover CSS" con una sola imagen para cada botón, activándose estos cada vez q se clicka o se pasa el puntero sobre ellos.

Esta es la web:

Web


El código utilizado para la botonera es este:

.menu a {
display:block;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:76px;
height:20px;
}
.menu a:hover { background-position: 0 -21px; text-decoration: none; }
.menu a:active { background-position: 0 -21px; text-decoration: none; }
.menu .alt { display:none; }
.menu a#emp { background-image: url(images/empresa.gif) }

Y mis dudas son:

1- Como podría hacer para q nada mas ingresar en la web el botón de "Empresa" apareciera activado "en negro" a la espera de clickar sobre otro botón para desactivarse, hasta ahora todos aparecen desactivados "en verde".

2- Quisiera saber si es posible q una vez q el visitante haya navegado por la web y quiera retroceder con las flechas de retroceso del navegador los botones vayan cambiando de estado en concordancia. Hasta ahora retrocediendo con las flechas de retroceso del navegador queda fijo el ultimo botón activado y ahí se queda.

Muchas gracias y 1 saludo a todos.

[hades87]

Yo para empezar quitaría esas funciones javascript de los botones, ya que si te fijas la URL siempre queda igual y eso es muy malo para el posicionamiento y el SEO.

Así que haría una página por cada apartado y la mayoría de problemas se solventarían.

[Werlisa]

El tema posicionamiento y SEO ya lo comentamos cuando les expuse la idea de la web, la idea q tienen ellos es simplemente tener presencia en internet por si alguien quiere buscar específicamente su empresa, el trafico natural no les importa.

Supongo q haciendo una pagina por apartado el tema de retroceder con las flechas de navegación se solucionaría, espero puedan ayudarme con mis dudas tal y como esta diseñada la web.

Muchas gracias de nuevo.

[hades87]

es que tal y como esta diseñada la web, lo veo algo muy complejo, por que deberías tener una variable o algo que al ir avanzando a apartados fuera guardando por ej. un número y dependiendo de ese te fuera cambiando una u otra imagen del menú.

Tan costoso sería hacer una página por sección?

[kseso?]

Creo que la consulta pertenece más a javascript que a css.

La parte de css:
Crear dos clases para esos enlaces: ".activo a" e ".inactivo a", definir cada una de las propiedades de ellos. Y mediante el script que corres adjudicar la clase ".activo" al seleccionado.

Pero si me permites un comentario, yo no utilizaría una imagen colocada como fondo mediante css en este caso. Porque simplemente, si hay algún fallo en la carga del css o de las imágenes, los enlaces desaparecen por completo sin posibilidad de acceder a los contenidos.

Un saludo.

[Werlisa]

Gracias por vuestras respuestas xicos, al ser una web tan simple creo q voy a rehacerla de nuevo separándola por apartados, me llevara un tiempo q no tengo pero así les presentare algo mas decente.

Saludos!!