Hola estoy elavorando una página pero me trabe en la creación de unos tab este es el link
http://www.peru-expeditions.com/web/i-programa.html
Mas o menos en centro de la página encima he colocado los tab con un ejemplo que encontre en internet todo esta ok, pero si se pueden dar cuenta tiene una limitación: que cuando el tab este activo el color de letra sea blanco y cuando no morado, solo se pone blanco cuando esta el cursor encima.
Le he dado vueltas al asunto pero no logro hacerlo le pongo aqui mi css para que me puedan dar una mano. Muchas gracias.
Código PHP:
ul.tabs li a {
padding-bottom: 0px;
outline-style: none;
outline-color: invert;
padding-left: 20px;
outline-width: medium;
padding-right: 20px;
display: block;
font-size: 12px;
text-decoration: none;
padding-top: 0px;
}
ul.tabs li a:hover { text-decoration: underline; }
ul.tabs li a:active { color:#FFFFFF; } /*Se supone que ya deberia estar en blanco*/
html ul.tabs li.active { background: url(../estructura/bt-02.gif); color:#FFFFFF }
html ul.tabs li.active a:hover { background: url(../estructura/bt-02.gif); color:#FFFFFF }