Hola amigos del Foro, pues veran tengo un inconveniente.
He estilizado una tabla mediante css, (Lo he hecho en un archivo .css).
En mi documento .jsp hago referencia a mi hoja de estilo de la siguiente manera
Código:
<link rel="stylesheet" type="text/css" href="style.css">
Bueno el error esque, como poseo varias tablas en mi documento .jsp ese estilo se aplica a todas las tablas. Y yo no deseo eso.
¿Que podrá ser? Desde ya muy agradecido por sus respuestas.
Les adjunto el codigo de mi hoja de estilos:
Código:
#mytable {
width: 100px;
padding: 0;
margin: 0;
}
/* Caption = titulo de nuestra tabla */
caption {
padding: 0 0 5px 0;
width: 400px;
font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}
/*propiedades de los titulos de mi columna (los encabezados)*/
th {
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF; /*Color de mi texto*/
border-right: 1px solid #C1DAD7; /*colores de los bordes*/
border-bottom: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
letter-spacing: 1px; /*espacio entre letras*/
text-transform: uppercase; /*todo a mayuscula*/
text-align: left; /*texto alineado a la izquierda*/
padding: 2px 2px 2px 2px; /*espacio entre bordes top - right - botton - left padding*/
background: #CAE8EA url(imagenes/headerTwo.jpg) no-repeat; /* fondo */
}
td {
border-right: 1px solid #C1DAD7; /* borde derecho tipo de borde y color*/
border-bottom: 1px solid #C1DAD7; /* borde abajo tipo de borde y color*/
background: #fff;
padding: 2px 2px 2px 2px; /*espacio entre bordes*/
color: #4f6b72;
}