Ver Mensaje Individual
  #1 (permalink)  
Antiguo 07/04/2010, 06:13
Dany_s
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 867
Antigüedad: 15 años
Puntos: 65
Mantener ancho y linea única en celda

Quiero darle un ancho fijo a las celdas de una tabla pero que si el texto de la celda tiene 20 palabras que no se haga multilinea o sea que no tenga saltos de lineas.

Con lo único que he logrado es con 2 div que tienen overflow

Código HTML:
<html>
<head>
<title>Prueba</title>
<style>
    .wrap {width:94px; overflow:hidden; height:15px}
    .wrap div { overflow:hidden; width:1500px}
    td,th {width:94px; border:1px solid #ccc}
</style>
</head>
<body>
    <table>
        <tr>
            <th>ID</th>
            <th>Nombre</th>
            <th>Direccion</th>
        </tr>
        <tr>
            <td>1</td>
            <td><div class="wrap"><div>Juan Pablo Martinez Lopez</div></div></td>
            <td>no tiene</td>
        </tr>
    </table>
</body>
</html> 
¿Existe otra forma para no envolver el texto con 2 div por celda?
ah y sin cortar las palabras con php u otro porque lo que voy a hacer es poder arrastrar las celdas para agrandar el ancho asi se puede visualizar completo

Última edición por Dany_s; 07/04/2010 a las 06:32