como puedo fijar las dimensiones de una celda independientemente del contenido

trevol · #1 (**permalink**) 25/10/2009, 09:16

hola amigos. El caso es que tengo una tabla y me gustaria que las dimensiones de las celdas no variaran cuando por ejemplo añado letras, image, ectr.... es pongo un ejemplo de código para que veais lo que hago y lo que me gustaria
Este el css.

Código:

 tablep{margin-top:100em /* alineacion en el documento*/
margin-left:50em
border: 1px solid el color que quiera tener la tabla } /*grosor y color del borde de la tabla. */

.td_1{ width: 2 em; height: 2em;
 border: 1px solid el color que quiera tener la tabla}     /*  declaro las dos celdas y lo que me gustaria  es que independientemente del contenido estas quedasen en la misma medida.  es decir, el contenido de la segunda celda se saliera de la tabla*/
.td_2{border: 1px solid el color que quiera tener la tabla 
 width: 2em; height: 2em}

Esta codigo xhtml

Código HTML:

< table class="tablep" >
<tr> <td class="td_1">la </td>
        <td class="td_2">la tabla dichoso problema</td>
</tr>
</table>

a lo mejor no es posible, y las tablas se adaptan necesariamente al contenido. Por favor indicarmelo de ser así.

kseso? · #2 (**permalink**) 25/10/2009, 09:32

Investiga la propiedad "table-layout" y sus diferentes valores. Creo que en tu caso te convendría utilizar el valor "fixed".

Un saludo

trevol · #3 (**permalink**) 25/10/2009, 09:38

Gracias keseso lo he intentado pero no me sale.

trevol · #4 (**permalink**) 26/10/2009, 09:42

Parece que lo que pregunto no es fácil de conseguir o posiblemente yo no entiendo bién algun concepto para coonseguir fijar la anchura y altura de las celdas independientemente del contenido. Pero sabéis donde puedo ver un ejemplo y no solo la explicación teórica?

Mikmoro · #5 (**permalink**) 26/10/2009, 16:00

Ejemplo:

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
<head>
<title>ejemplo</title>
<style type="text/css">
.tablep {margin-top:10em;
margin-left:5em;
border: 1px solid #f00;
}
.td_1, .td_2 {width: 2em;
height: 2em;
border: 1px solid #0f0;
}
span.relleno {display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
</style>
</head>
<body>
<table class="tablep">
<tr> <td class="td_1"><span class="relleno">la </span></td>
<td class="td_2"><span class="relleno">la tabla dichoso problema</span></td>
</tr>
</table>
</body>
</html>

trevol · #6 (**permalink**) 27/10/2009, 08:33

Muchísimas, muchísimas gracias mikmoro lo que me mando el también generoso kseso?, fuí incapaz de entenderlo me imagino que fallo en fundamentos jomaruro también me ayudo. Y hoy me encuentro con esta sorpresa( me daba ya por caso pérdido por vosotros:) ) Bueno y cristian cena... y unos cuantos que ahora no me acuerdo. Gracias.

Mikmoro · #7 (**permalink**) 27/10/2009, 09:12

De nada, es un placer.

Saludos.