Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/03/2011, 00:33
Avatar de juanalberto008
juanalberto008
 
Fecha de Ingreso: enero-2011
Ubicación: Guatemala
Mensajes: 36
Antigüedad: 13 años, 2 meses
Puntos: 0
Sobre tablas estilizadas con css

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;
}