Foros del Web » Creando para Internet » CSS »

texto dentro de un td

Estas en el tema de texto dentro de un td en el foro de CSS en Foros del Web. Tengo definida una tabla con su cabecera con los nombres de los campos de una base de datos. Cuando el conteniso del campo es mayor ...
  #1 (permalink)  
Antiguo 06/06/2010, 06:39
 
Fecha de Ingreso: agosto-2009
Mensajes: 193
Antigüedad: 8 años, 4 meses
Puntos: 0
texto dentro de un td

Tengo definida una tabla con su cabecera con los nombres de los campos de una base de datos.
Cuando el conteniso del campo es mayor que el titulo correspondiente a ese <td> me escribe dos filas.
Para evitar esto añado al titulo varios espacios a la derecha del titulo para agrandar contenido para que no me presente dos filas.
Creo que es una chapuza, porque cuando se incluya un campo mayor voy a seguir teniendo el mismo problema.
Hay alguna forma en css para que cuando el comtenido del campo sea mayor que el tamaño del <td>, se pueda ver el contenido desplazando los cursores, sin que cree dos lineasy sin agrandar la caja del <td>.

Codigo del <td>:
Código CSS:
Ver original
  1. td {
  2.     font: normal 10px auto "Verdana", Arial, Helvetica, sans-serif;
  3.     border-right: 1px solid #C1DAD7;
  4.     border-bottom: 1px solid #C1DAD7;
  5.     background: #ffffff;
  6.     padding: 6px 6px 6px 6px;y
  7.     color: #4f6b72;
  8. }

Última edición por corretodo; 06/06/2010 a las 12:18
  #2 (permalink)  
Antiguo 08/06/2010, 01:54
 
Fecha de Ingreso: agosto-2009
Mensajes: 193
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: texto dentro de un td

Sr moderador puede pasarme este hilo a javascript, dado que en css no obtengo respuesta.
A ver si hay alguna funcion en javascript que el texto contenido en una celda de una tabla se pueda ver sin que salte a la linea siguiente algo igual que ocurre con la etiqueta <input>.
La solucion seria poner un <input> dentro de la celda de la tabla pero no puedo hacer esto, necesitaria una funcion en javascript, para poder ver un texto que sea mayor que el contenido de la celda, si variar el tamaño de la celda.

Gracias
  #3 (permalink)  
Antiguo 08/06/2010, 10:35
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 7 años, 6 meses
Puntos: 309
Respuesta: texto dentro de un td

Código Javascript:
Ver original
  1. function celdas(){
  2.  document.getelementById('id_de_tu_celda').innerHTML = '<input type="text" value="el value que quieras" />';
  3. }

Saludos (:
  #4 (permalink)  
Antiguo 10/06/2010, 01:42
 
Fecha de Ingreso: agosto-2009
Mensajes: 193
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: texto dentro de un td

Muchas gracias.
El ide de la celda es igual para todos los campos porque lo controlo con una variable de php.
Este es el codigo de la tabla.
Código PHP:
Ver original
  1. print ("<td class='$estilo'>" . $row['nombre'] . "</td>\n");
  2. print ("<td class='$estilo'>" . $row['apellidos'] . "</td>\n");
  3. print ("<td class='$estilo'>" . $row['direccion'] . "</td>\n");
  4. print ("<td class='$estilo'>" . $row['ciudad'] . "</td>\n");
¿Como puedo aplicar esa funcion que me has puesto en cada una de las celdas?
¿He de variar el nombre de la funcion para cada celda?

Etiquetas: Ninguno
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:51.