Controlar celdas de una tabla

Jarkaos · #1 (**permalink**) 03/02/2009, 10:20

Hola

Tengo un problema. Tengo una tabla de 1024px de ancho, pero en algunas celdas los textos son muy largos y hacen que la tabla sea aun mas ancha. Como puedo controlar el maximo de caracteres que tendra cada celda para que la tabla no exceda los 1024 px?

Gracias por la ayuda.

ElJavista · #2 (**permalink**) 03/02/2009, 10:25

No se puede controlar ancho de una celda limitando el máximo de carácteres que contengan. A veces digamos, 50 carácteres hacen un tamaño determinado y otros 50 otro tamaño, de ese modo no se puede impedir que una celda o una tabla tengan un ancho que exceda una determinada medida.

Creo que lo único que se puede hacer es definir bien el ancho de tu tabla usando CSS, y a lo mejor también el ancho de tus celdas (usando también CSS) y dejando libre el alto. Esa es la única solución que se me ocurre.

Jarkaos · #3 (**permalink**) 03/02/2009, 12:14

Gracias por tu respuesta.

He intentado limitar el ancho usando css pero no funciona. Lo unico que se me ocurre es utlizar algun tipo de javascript.

Gracias de todas maneras

ElJavista · #4 (**permalink**) 03/02/2009, 15:15

Vamos, pon tu código, a lo mejor viéndolo se encuentra una solución.

Jarkaos · #5 (**permalink**) 05/02/2009, 03:54

Voy a recrear el escenario ya que el codigo original esta hecho en jsp y seria muy largo para colocarlo aqui.

Esta es la tabla:

Código:

<html>
	<head>
		<title></title>
		<style type="text/css" rel="stylesheet">
			#container {
				width: 1024;
				border: 1px red solid;
			}
		</style>
	</head>
	<body>
		<div id="container">
			<table border="1">
				<tr>
					<td>123456789123456789</td>
					<td>qwertyu</td>
				</tr>
			</table>
		</div>
	</body>
</html>

En este ejmplo se puede ver 2 celdas con diferentes contenidos cuyo ancho se adapta al contenidos de las celdas. El problema es que todos los datos que se muestran en la celda som recogidos desde una base de datos, asi que el ancho es variable y muchas veces el contenido es tanto que la tabla excede el tamaño del div que la contiene. Lo que quiero hacer es limitar la cantidad de caracteres que mostrara cada celda y asi pode utilizar un ancho determinado en las celdas para que la taba no exceda el tamaño del div contenedor.

Creo que con javascript se puede solucionar pero no se como.

Antemanos muchas gracias.

ElJavista · #6 (**permalink**) 07/02/2009, 13:00

Es probable que el problema sea tan tonto como añadir dos caráceres a los estilos:

width: 1024px;

Es posible que solo sea eso, la falta de "px".

RastaMart · #7 (**permalink**) 19/11/2009, 20:49

alguna otra idea:S

blogger · #8 (**permalink**) 20/11/2009, 07:42

yo tengo una idea, por que no definir el ancho de la celdas también? lo puedes hacer por medio de un width=X% (donde x es igual al ancho que quieres, ejemplo 30%)

Ahora me gustaría saber a que te refieres con el limitar el numero de caracteres, pues eso me da a entender que obtienes el texto que aparece en las celdas desde una tabla o archivo txt, y es asi pues simplemente modifica al script que te jala esa información desde la base de datos o el txt, para que solo te jale el numero de caracteres que quieras.