Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/04/2011, 05:35
Avatar de abmptc
abmptc
 
Fecha de Ingreso: septiembre-2009
Mensajes: 43
Antigüedad: 15 años, 2 meses
Puntos: 0
Pestaña Activa en Css

Hola,

Estoy haciendo una página asp con pestañas. Para manejar las pestañas estoy usando un archivo Css con la siguiente codificación:

#header
{
width: 100%;
height: 100px;
margin: 0 auto;
padding: 2px 0 0 0;
background: #FFFFFF url(../images/img01_peque.gif) repeat-x;
}

#menu
{
float: left;
padding: 0 0 0 0;
width: 603px;
height: 30px;
}

#menu ul
{
height: 30px;
margin: 0;
padding: 2px 0;
list-style: none;
width: 800px;
}

#menu li
{
display: inline;
}

#menu a
{
display: block;
float: left;
width: 120px;
height: 60px;
padding-top: 12px;
background: url(../images/img03.jpg) no-repeat;
text-align: center;
text-decoration: none;
letter-spacing: -1px;
font-size: 18px;
/* text-transform: lowercase; */
}

#menu a:hover, #menu .active a
{
background-image: url(../images/img04.jpg);
color: #FFFFFF;
}

#menu #current a
{
background-image: blue;
color: red;
}

Con esto código consigo que cuando pasamos el ratón por encima de una pestañas, esta cambie de color. ¿Hay alguna forma de configurar las pestañas con css para que cuando hagamos click con el ratón en una pestaña se quede con un color distinto, para así saber en que pestaña estamos en cada momento?

Muchas gracias de antemano y un saludo.