Foros del Web » Creando para Internet » CSS »

Ajustar celdas al texto que contienen

Estas en el tema de Ajustar celdas al texto que contienen en el foro de CSS en Foros del Web. Otra dudilla de CSS: tengo una tabla pero las celdas son muy anchas y quiero que al menos se ajusten al texto que tenga dentro, ...
  #1 (permalink)  
Antiguo 18/05/2006, 08:20
 
Fecha de Ingreso: noviembre-2005
Mensajes: 162
Antigüedad: 12 años
Puntos: 1
Otra dudilla de CSS:

tengo una tabla pero las celdas son muy anchas y quiero que al menos se ajusten al texto que tenga dentro, ¿que propiedad se usa para eso?
  #2 (permalink)  
Antiguo 18/05/2006, 09:13
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Hola congrio7

He separado este mensaje para crear un tema nuevo con tu nueva pregunta. Así queda todo más claro.

Saludos,
  #3 (permalink)  
Antiguo 18/05/2006, 09:26
 
Fecha de Ingreso: noviembre-2005
Mensajes: 117
Antigüedad: 12 años, 1 mes
Puntos: 0
si no le pones ancho a la tabla, la misma se va a ajustar al texto que tenga adentro. Y si queres que el ancho de la tabla sea fijo pero las columnas se acomoden proporcionales al texto que tienen tienes que darle ancho solo a TABLE.
  #4 (permalink)  
Antiguo 18/05/2006, 09:34
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Hola:

Solo se me ocurre con javascript:

Código:
<html>
<head>
<title>1, 2, 3, ¡probando!...</title>
<script>
function ajuste(texto) {
  var tempSpan = document.createElement("span")
  tempSpan.appendChild(document.createTextNode(texto));
  document.body.appendChild(tempSpan);
  ancho = tempSpan.offsetWidth;
  document.body.removeChild(tempSpan);
  return ancho;
}
</script>
</head>
<body onload="x = document.getElementById('prueba'); x.style.width = ajuste(x.value) + 'px'">
<input type="text" id="prueba" value="texto" />
</body>
</html>
Bueno, es preferible poner unos pocos pixeles más... además, el ejemplo es con un input

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
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 06:36.