Hola a todos/das:
Muchas gracias por los consejos (sabios
) recibidos.
Los he seguido y ya estoy más cerca de conseguir lo que deseo. He hecho algunos cambios en el CSS (el HTML sigue igual) pero todavia no sale lo que deseo.
La pestaña cambia de color cuando la pincho, sin embargo no mantiene el color durante la selección
. Por ejemplo cuando estoy en la pestaña 1 el contenido dcorrespondiente a esa pestaña aparece debajo, sin embargo la pestaña no mantiene el color del background ni cambia el color de los bordes, de manera que no parece que sea una ficha. Seguramente no uso bien la seudo clase active o la pestaña no se mantiene activa cuando se pincha.
Vuelvo a poner el CSS con los cambios a ver si alguien me puede indicar los fallos
Código HTML:
/*Menus de pestaña*/
#Pestanas{margin-left: 4px;padding: 0px;width: 100%;background: transparent;voice-family: "\"}\"";voice-family: inherit;padding-left: 5px;}
#Pestanas ul{font: bold 11px Arial, Verdana, sans-serif;margin:0;padding:5px;list-style:none;border-radius:4px 4px 0px 0px;-moz-border-radius: 4px 4px 0px 0px;-webkit-border-radius:4px 4px 0px 0px;}
#Pestanas li{display:inline;margin:0 2px 0 0;padding:5px;border:1px; border-color:FireBrick;line-height: 1.5em;border-radius:4px 4px 0px 0px;-moz-border-radius: 4px 4px 0px 0px;-webkit-border-radius:4px 4px 0px 0px;}
#Pestanas a{float:left;color: white;background-color: FireBrick;border:1px; border-color:FireBrick;margin:0 2px 0 0;padding:5px;text-decoration:none;letter-spacing: 1px;border-radius:4px 4px 0px 0px;-moz-border-radius: 4px 4px 0px 0px;-webkit-border-radius:4px 4px 0px 0px;}
#Pestanas a:hover{background-color: #d50509;}
#Pestanas a:active{background:#e9e9e9;border-color:FireBrick FireBrick #e9e9e9 FireBrick;color:#666 }
#Pestanas #current a #Pestanas #current span{ /*boton selecionado*/background-color:#f0f8ff;border-color:FireBrick FireBrick #e9e9e9 FireBrick;z-index:1;}
#Pestanasline{clear: both;padding: 0;width: 100%;height: 1px;line-height: 1px;background: #8b0000;z-index:2;}
Como siempre muchas gracias por la ayuda
