Foros del Web » Creando para Internet » CSS »

Ayuda con tablas en CSS

Estas en el tema de Ayuda con tablas en CSS en el foro de CSS en Foros del Web. Hola, tengo un problema al diseñar unas tablas con css, quiero meter una tabla dentro de otra, pero la que esta dentro coge otros tipos ...
  #1 (permalink)  
Antiguo 20/04/2008, 18:08
 
Fecha de Ingreso: marzo-2007
Ubicación: España
Mensajes: 133
Antigüedad: 10 años, 9 meses
Puntos: 0
Ayuda con tablas en CSS

Hola, tengo un problema al diseñar unas tablas con css,
quiero meter una tabla dentro de otra, pero la que esta dentro coge otros tipos de letra y tamaño que no son los que deberían. No se si es que hay "incompatibilidad" entre las dos tablas y pone "lo que quiere"

esto es como lo tengo definido:

Código:
table.general {
border: 1px solid #ccc;
width: 800px;
margin: 10px auto;
/*table-layout:fixed;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
vertical-align:top;
}


table.general td {
font: .9em/1.5em "Trebuchet MS", Tahoma, Arial, sans-serif;
color: #666;
background: #fff;
padding: 10px;
}

table.resultats {
border: 1px solid #ccc;
width: 700px;
margin: 20px auto;
/*table-layout:fixed;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
}

table.resultats th {
font: Georgia, "Times New Roman", Times, serif;
background-color:#3655EF;
text-align: left;
padding: 3px;
font-size:13px;
}

table.resultats td {
font: "Trebuchet MS", Tahoma, Arial, sans-serif;
font-size:10px;
background: #fff;
text-align: left;
padding: 5px;
}

table.resultats tr.impar td{
	background-color:#6FA2E8;
}

table.resultats tr.par td{
	background-color:#5084CB;
}
y asi es como intento usarlo:

Código HTML:
<table class="general" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="../Images/bd3.jpg"></td>
  </tr>
  <tr>
    <td>
		<table class="resultats" border="1" cellspacing="0" cellpadding="0">
  			<tr>
			    <td>prueba</td>
			</tr>		
		</table>
    </td>
  </tr>
  <tr>
  	<td>yeyea</td>
  </tr>
  <tr>
    <td><img src="../Images/peu.jpg"></td>
  </tr>
</table> 
a ver si pueden echarme una mano... gracias!
  #2 (permalink)  
Antiguo 21/04/2008, 04:47
 
Fecha de Ingreso: octubre-2006
Ubicación: Murcia - España
Mensajes: 336
Antigüedad: 11 años, 1 mes
Puntos: 6
Re: Ayuda con tablas en CSS

¿No será por los tamaños en "em"?
  #3 (permalink)  
Antiguo 21/04/2008, 06:03
 
Fecha de Ingreso: marzo-2007
Ubicación: España
Mensajes: 133
Antigüedad: 10 años, 9 meses
Puntos: 0
Re: Ayuda con tablas en CSS

Gracias Eourus... lo he cambiado pero nada.

Aparte del tamaño de la letra, que la hace muy pequeña, tambien me cambia el color, en la tabla "resultats", en vez de escribir negro, lo hace en gris como está definido en la tabla general.
  #4 (permalink)  
Antiguo 21/04/2008, 20:43
 
Fecha de Ingreso: enero-2003
Ubicación: Córdoba, Argentina
Mensajes: 1.047
Antigüedad: 14 años, 10 meses
Puntos: 10
Re: Ayuda con tablas en CSS

El comportamiento que ves es el normal. Si te fijas, por ejemplo, con table.general td estas aplicando estilos a todos los TD dentro de table.general y eso incluye a los TD de la tabla interna. Por lo que deberias sobreescribirlos con otros estilos en table.resultats td.
__________________
oohh... quisiera ser godines!!!
  #5 (permalink)  
Antiguo 23/04/2008, 18:44
 
Fecha de Ingreso: marzo-2007
Ubicación: España
Mensajes: 133
Antigüedad: 10 años, 9 meses
Puntos: 0
Re: Ayuda con tablas en CSS

gracias!!! pensaba que iba de "dentro hacia afuera", ya veo que no, he redefinido el td de la tabla resultados y ya funciona, muchas gracias
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 17:16.