Foros del Web » Creando para Internet » HTML »

Problemas con tablas y CSS

Estas en el tema de Problemas con tablas y CSS en el foro de HTML en Foros del Web. Miren este código: Código HTML: <tr> <td width= "20%" rowspan= "5" class= "image" > <img src= "themes/images/cursos/bexcel.gif" border= "0" alt= "Curso de Microsoft Excel 2000" ...
  #1 (permalink)  
Antiguo 10/04/2005, 16:10
Avatar de Reynier  
Fecha de Ingreso: noviembre-2002
Ubicación: Por ahí en algún sitio
Mensajes: 1.844
Antigüedad: 15 años
Puntos: 1
Problemas con tablas y CSS

Miren este código:
Código HTML:
<tr><td width="20%" rowspan="5" class="image"><img src="themes/images/cursos/bexcel.gif" border="0" alt="Curso de Microsoft Excel 2000"></td><td width="2%" class="th"><img src="themes/images/cursos/excel.gif" alt="Curso de Microsoft Excel 2000"></td><td width="79%" class="padding-td th">Microsoft Excel 2000</td></tr>
<tr><td colspan="2" valign="top" class="padding-td cell"><strong>Inscripcion Online:</strong> Permite inscribirse usando el Portal</td></tr>
<tr><td colspan="2" valign="top" class="padding-td cell"><strong>Duración:</strong> No disponible</td></tr>
<tr><td colspan="2" valign="top" class="padding-td cell"><strong>Tipo de Curso:</strong> Presencial</td></tr> 
y este es el código CSS:
Código HTML:
.cell { height:20px; } 
pero la celda se me queda por encima de los 20 px. Que hago mal o que debo hacer para que las celdas me salgan un poco mas pequeñas.
Salu2
__________________
Ing. Reynier Pérez Mira
  #2 (permalink)  
Antiguo 10/04/2005, 17:40
Avatar de programeitor  
Fecha de Ingreso: febrero-2005
Mensajes: 994
Antigüedad: 12 años, 10 meses
Puntos: 9
Diria que la clase padding-td le aplica un padding a la celda, que mas los 20px de la clase cell haran (padding-top)+(padding-bottom)+20px de altura ,no es asi? ,sera eso.
  #3 (permalink)  
Antiguo 10/04/2005, 19:21
Avatar de Reynier  
Fecha de Ingreso: noviembre-2002
Ubicación: Por ahí en algún sitio
Mensajes: 1.844
Antigüedad: 15 años
Puntos: 1
Este es la clase padding-td

Esta es la clase padding-td
Código HTML:
 .padding-td   { padding: 1px 2px 1px 3px; text-align:justify; }
__________________
Ing. Reynier Pérez Mira
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 00:26.