Foros del Web » Creando para Internet » CSS »

Sobre tablas estilizadas con css

Estas en el tema de Sobre tablas estilizadas con css en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 05/03/2011, 00:33
Avatar de juanalberto008  
Fecha de Ingreso: enero-2011
Ubicación: Guatemala
Mensajes: 36
Antigüedad: 13 años, 10 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;
}
  #2 (permalink)  
Antiguo 05/03/2011, 00:46
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 15 años, 5 meses
Puntos: 269
Respuesta: Sobre tablas estilizadas con css

Hola juan, veo que aplicas estilos generales para todos los td

podrías en vez de usar:
td{}
usar esto otro:
#mytable tr td{}

yo aplicaría un id diferente para la tabla...

ejemplo:
suponiendo que todas tus tablas tienen la id="mytable"

<table id="myotratable"><tr><td></td></tr></table>
#myotratable tr td{...estilos...}

...o bien una clase o una id para la celda.

<table><tr><td class="miclase"></td><td id="miid"></td></tr></table>

table tr td.miclase{...estilos...}
table tr td#miid{...estilos...}

Espero te sirva, saludos.

p/d: el ejemplo lo hice para los td pero sirve para cualquier etiqueta. si tienes dudas publica también el código html y lo vemos
  #3 (permalink)  
Antiguo 05/03/2011, 16:39
Avatar de juanalberto008  
Fecha de Ingreso: enero-2011
Ubicación: Guatemala
Mensajes: 36
Antigüedad: 13 años, 10 meses
Puntos: 0
Respuesta: Sobre tablas estilizadas con css

Gracias critian_cena, si efectivamente estaba aplicando estilos generales. Muchas Gracias por tu ayuda!!

Etiquetas: estilizar, tablas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:03.