Hola a todos/todas los que estais siguiendo con interés mi aventura en solitario por el proceloso mar del CSS
:
Ya encontré (¡Eureka!) la manera de mantener la pestaña "pulsada" es, como todos sabeis, con la pseudo clase Focus.
Paso el CSS modificado por si le sirve a alguien.
Por cierto, no consigo que se vea el color del border ni que funcione el z-index. Como siempre se agradecen ideas, críticas y soluciones alternativas
.
Código HTML:
#Pestanas{margin-left: 4px;padding: 0px;width: 100%;padding-left: 5px;z-index:5}
#Pestanas ul{font: bold 11px Arial, Verdana, sans-serif;margin:0;padding:5px;border:1px; border-color:FireBrick;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;line-height: 1.5em;margin:0 2px 0 0;padding:5px;border:1px; border-color:FireBrick;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;border:1px;border-color:FireBrick;}
#Pestanas a:focus {background:#e9e9e9;z-index:1;}
#Pestanas a:active{background:#e9e9e9;border-style:solid;border:1px;border-color:FireBrick ;color:#666 }
Muchas gracias de nuevo por vuestra valiosa ayuda
