Foros del Web » Creando para Internet » HTML »

Ajustar ancho de columna al contenido

Estas en el tema de Ajustar ancho de columna al contenido en el foro de HTML en Foros del Web. Hola, tengo un problema con una tabla. Lo que quiero hacer es poner controles de formulario dentro de las celdas de las tablas. En una ...
  #1 (permalink)  
Antiguo 29/11/2009, 15:19
 
Fecha de Ingreso: marzo-2009
Mensajes: 47
Antigüedad: 15 años, 8 meses
Puntos: 0
Ajustar ancho de columna al contenido

Hola, tengo un problema con una tabla.

Lo que quiero hacer es poner controles de formulario dentro de las celdas de las tablas.
En una celda por ejemplo, quiero poner 2 cajas de texto y un boton, todos en la misma línea, pero en vez de que se ajuste el ancho de la columna me manda los controles que no entraron en una nueva línea, quedándome 2 cajas de texto en una línea y el botón en otra.

Intente usar el estilo 'white-space:nowrap' pero el contenido de la celda se superpone al de la siguiente.

No me importa si la tabla supera el ancho de la ventana.

Se agradece la ayuda.
Un Saludo!
  #2 (permalink)  
Antiguo 29/11/2009, 17:40
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 15 años, 6 meses
Puntos: 45
Respuesta: Ajustar ancho de columna al contenido

Hola eagleoneraptor

Para conseguir eso, la celda (y la tabla) no puede tener un tamaño fijo. Dentro de la celda debes flotar a la izquierda los elementos del form.

Para una ayuda más concreta, debes adjuntar tu código y así podremos ver concretamente lo que estás haciendo y ayudarte mejor.

Bye
  #3 (permalink)  
Antiguo 30/11/2009, 10:33
 
Fecha de Ingreso: marzo-2009
Mensajes: 47
Antigüedad: 15 años, 8 meses
Puntos: 0
Respuesta: Ajustar ancho de columna al contenido

Hola, gracias por responder.

Bueno el código es muy grande y esta generado con PHP, paso un ejemplo:

Código HTML:
<table border="1">
<tr>
	<td>dato 1</td>
	<td>dato 2</td>
	<td>dato 33</td>
</tr>
<tr>
	<td>
	<input name="" type="button" value="boton!!" />
	<input name="" type="text" />
	<input name="" type="text" />
	</td>
	<td>Este intenta ser un texto muy pero muy largo kjdfkfjdkfjdkfjdkfjdkfjdfkdjfkdjfkdjf</td>
	<td>Esto también jdfsklafjdslfjsdlfjsdlfkjsdflksjdflksdjflksdjflksdjfklsjdflksdjflksdjfl</td>
</tr>
<tr>
	<td>
	<input name="" type="button" value="boton!!" />
	<input name="" type="text" />
	<input name="" type="text" />
	</td>
	<td>Este intenta ser un texto muy pero muy largo kjdfkfjdkfjdkfjdkfjdkfjdfkdjfkdjfkdjf maaaaaaaaaaaaaaaassssssssssssssssssssss</td>
	<td>Esto también jdfsklafjdslfjsdlfjsdlfkjsdflksjdflksdjflksdjflksdjfklsjdflksdjflksdjfl fd</td>
</tr>
</table> 
Bueno, es medio feo, lo se jaja. Pero si lo ejecutan, verán que los controles de formulario en la primera columna se ponen uno debajo del otro, lo que yo quiero es que se vean uno al lado del otro y que el ancho de la columna aumente para ajustarse, si la tabla necesita espacio mas grande que la ventana no importa (como phpMyAdmin).

Espero que se entienda.
Un Saludo!
  #4 (permalink)  
Antiguo 30/11/2009, 14:54
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 22 años, 4 meses
Puntos: 361
Respuesta: Ajustar ancho de columna al contenido

Hola:

Pienso que tienes dos soluciones:

1ª Dar un ancho fijo a la celda del formulario, si un input se coloca debajo del otro es porque no cabe en la celda.
2ª Dar un ancho fijo a la tabla, ya que te está tomando por defecto el 100% del body.

Cita:
Iniciado por eagleoneraptor Ver Mensaje
jdfsklafjdslfjsdlfjsdlfkjsdflksjdflksdjflksdjflksd jfklsjdflksdjflksdjfl
Otra cosa ¿cuántas palabras conoces que sean tan largas? Si necesitas un texto para hacer pruebas utiliza lorem ipsum.

Saludos.

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:10.