Ver Mensaje Individual
  #1 (permalink)  
Antiguo 08/06/2009, 16:00
Avatar de Werlisa
Werlisa
 
Fecha de Ingreso: noviembre-2008
Mensajes: 286
Antigüedad: 15 años, 5 meses
Puntos: 28
Pregunta Mejorar menu con Rollover

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.