Foros del Web » Creando para Internet » CSS »

Como espandir un <td> al mayor texto

Estas en el tema de Como espandir un <td> al mayor texto en el foro de CSS en Foros del Web. Tengo creada una tabla con css para meter datos de una base de datos. Código PHP: th  {      font :  bold 11px  "Verdana" ,   Arial ...
  #1 (permalink)  
Antiguo 28/02/2010, 03:00
 
Fecha de Ingreso: agosto-2009
Mensajes: 193
Antigüedad: 8 años, 4 meses
Puntos: 0
Como espandir un <td> al mayor texto

Tengo creada una tabla con css para meter datos de una base de datos.
Código PHP:
th {
    
fontbold 11px "Verdana",  ArialHelveticasans-serif;
    
border-right1px solid #C1DAD7;
    
border-bottom1px solid #C1DAD7;
    
border-top1px solid #C1DAD7;
    
letter-spacing2px;
    
text-transformuppercase;
    
text-alignleft;
    
padding6px 6px 6px 6px
    
background#CAE8EA url(img/bg_header.jpg) no-repeat;
    
color#4f6b72;
}

td {
    
fontnormal 11px auto "Verdana"ArialHelveticasans-serif;
    
border-right1px solid #C1DAD7;
    
border-bottom1px solid #C1DAD7;
    
background#ffffff;
    
padding6px 6px 6px 12px;
    
color#4f6b72;

El problema es que cuando el campo de tatos es mayor que el <TD> en el que se alojan los datos, me pone una doble fila y no me estira en <TD>.
Claro es por el <TH> del titulo del campo de la base de datos, que es mas corto.
Aun poniendo al 100% nada no se estira.

Como puedo hacer para que se estire automaticamente y no me haga dos lineas.
Gracias
  #2 (permalink)  
Antiguo 28/02/2010, 19:07
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 9 años, 4 meses
Puntos: 1530
Respuesta: Como espandir un <td> al mayor texto

css: white-space:nowrap;
html attribute: <td nowrap="nowrap" ...></td>

  #3 (permalink)  
Antiguo 01/03/2010, 01:44
 
Fecha de Ingreso: agosto-2009
Mensajes: 193
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: Como espandir un <td> al mayor texto

Muchas gracias Maycolalvarez, esta etiqueta ha de ir sola en el css o puede ir incluida en la etiqueta que defino en css el td.
  #4 (permalink)  
Antiguo 01/03/2010, 05:55
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 9 años, 4 meses
Puntos: 1530
Respuesta: Como espandir un <td> al mayor texto

tienes 2 opciones: colocar el atributo nowrap="nowrap" en la celda, o colocar en la clase de la hoja de estilo white-space:nowrap;:

Código CSS:
Ver original
  1. td {
  2.     font: normal 11px 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 12px;
  7.     color: #4f6b72;
  8. white-space:nowrap;/*AQUÍ aplicara para todas las celdas, es preferible que o lo apliques por HTML o definas una clase especifica para la celda*/
  9. }

Etiquetas: mayor
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 23:34.