He usado el sistema de caricatos, pero me encuentro con un problema:
no puedo modificar el tamaño de los botones.
por mas que le asigno altura y anchura a la clase "pestañas y/o on u off" no hay manera de que firefox u opera le asigne unas dimensiones.
(En IE si)
Lo que quiero hacer ahora:
Mostrar una imagen sin color, que al pasar el ratón se muestre una imagen con color.
Cómo tengo pensado hacerlo?
Primero quiero dimensionar las "pestañas" dandoles un ancho y una altura de 140 x 140 en una capa aparte del contenido.
Luego para que sea accesible, colocaré la imagen de color, de fondo.
Y haré el efecto rollover con javascript.
Pero no consigo con el código que me dió caricatos, darle tamaño a las pestañas, alguna sugerencia?
Gracias
EDITO:
el codigo de las clases que tiene actualmente:
Código CSS:
Ver original.pestaña {/* pestañas */
display : inline;
margin : 3px 1px;
padding : 4px;
border : 2px outset gray;
position : relative;
top : 6px;
}
.pestaña a {/* enlace de la pestaña */
color : black;
border : 0;
}
/****************************************************************
* Estilos discriminados de las pestañas normales *
****************************************************************/
.on {
background-color: #eeeeee;
border-style: inset;
border-bottom: 0;
z-index: 100;
}
.off {
background-color: #cccccc;
z-index: 0;
}
genuine_carlosV2 es buena idea esa que dices, el problema es que son 7 pestañas minimo, y si hubiera que cambiar algo a las pestañas, sería jodio, además creo que se repite mucho mas el codigo y el explorador tendria que interpretar mucho mas.