Foros del Web » Creando para Internet » CSS »

Ajuste automático de ancho hasta el final de celda con CSS

Estas en el tema de Ajuste automático de ancho hasta el final de celda con CSS en el foro de CSS en Foros del Web. Hola amigos Estoy intentando poner en una misma celda un texto y una caja en la misma linea y que la caja complete el ancho ...
  #1 (permalink)  
Antiguo 29/05/2011, 11:18
 
Fecha de Ingreso: abril-2007
Mensajes: 30
Antigüedad: 10 años, 5 meses
Puntos: 0
Ajuste automático de ancho hasta el final de celda con CSS

Hola amigos

Estoy intentando poner en una misma celda un texto y una caja en la misma linea y que la caja complete el ancho de la celda y no doy con ello.

Por ejemplo, tengo lo siguiente:

<td >
Nombre: <input type="text" value="Alfredo" width="100%" />
</td>


Y al ponerle 100% de ancho el input hace un salto de linea y se coloca al 100% debajo del texto nombre.

Lo que quiero es que queden en la misma linea y la caja complete el ancho de la celda sin saltar de linea.

He probado tb con width=auto, pero nada, en este caso se queda corto.


Muchas gracias por cualquier pista.
  #2 (permalink)  
Antiguo 29/05/2011, 21:51
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.728
Antigüedad: 8 años, 4 meses
Puntos: 1512
Respuesta: Ajuste automático de ancho hasta el final de celda con CSS

Porque le estás diciendo que tome el 100% de todo, por lo tanto hace el salto de línea y ocupa el 100%. En ese caso te recomiendo que lo separes en otro td y le digas 100%. Si no puedes usar en el td nowrap="nowrap". Aún así, te va a tomar el 100% y si el td lo tienes de un tamaño en específico, se va a hacer más ancho.
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #3 (permalink)  
Antiguo 30/05/2011, 01:11
 
Fecha de Ingreso: abril-2007
Mensajes: 30
Antigüedad: 10 años, 5 meses
Puntos: 0
Respuesta: Ajuste automático de ancho hasta el final de celda con CSS

Gracias por el dato abimaelrc.

No hay forma de cuadrarlo. En fin, a mi parecer un fallo grave de html.

Tendré que hacer tablas y celdas independientes.

Gracias de nuevo.
  #4 (permalink)  
Antiguo 30/05/2011, 10:15
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.728
Antigüedad: 8 años, 4 meses
Puntos: 1512
Respuesta: Ajuste automático de ancho hasta el final de celda con CSS

No es un fallo de HTML, ya que está siguiendo la regla que tu estableciste.
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #5 (permalink)  
Antiguo 30/05/2011, 11:07
 
Fecha de Ingreso: abril-2007
Mensajes: 30
Antigüedad: 10 años, 5 meses
Puntos: 0
Respuesta: Ajuste automático de ancho hasta el final de celda con CSS

Cierto si hablamos del 100%, pero yo me refería a que es un fallo que no exista una propiedad para completar hasta el final de un "parent" sin desvirtuar o saltar de linea.

Quizás el fallo es de css, bueno fallo no, que está incompleto.
  #6 (permalink)  
Antiguo 30/05/2011, 11:48
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.728
Antigüedad: 8 años, 4 meses
Puntos: 1512
Respuesta: Ajuste automático de ancho hasta el final de celda con CSS

Entiendo que no sigue siendo un fallo, solo es cuestión de usar un poco de lógica e implementarlo en algún lenguaje de programación, como por ejemplo javascript.
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos

Etiquetas: ajuste, ancho, celda, final
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 16:28.