14/04/2011, 05:35
|
| | | 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. |