Como estirar tabla horizontalmente

sagaru · #1 (**permalink**) 25/10/2007, 15:02

Hola compañeros, ¿como puedo estirar una tabla horizontalmente en la que haya que utilizar la barra de desplazamiento horizontal?

Pego un ejemplo del codigo:

<html><head>
<style type="text/css">
body {text-align:center;}
</style></head>
<body><table border = '1'>
<tr>
<td>Empresa</td>
<td>Incorporación</td>
<td>NIF</td>
<td width='300'>Recordatorio</td>
<td width='300'>Contacto1</td>
<td>Telefono1</td>
<td width='300'>Correo1</td>
<td>Contacto2</td>
<td>Telefono2</td>
<td>Correo2</td>
<td>Calle</td>
<td>Población</td>
<td>Provincia</td>
<td>Web</td>
</tr><tr>
<td>Perico SL</td>
<td>2007-08-18</td>
<td>B123625214</td>
<td>siempre</td>
<td>pepito grillo</td>
<td>963214523</td>
<td>[email protected]</td>
<td>Juanito</td>
<td>623145698</td>
<td>llopññ[email protected]</td>
<td>Alcazar de San Juan</td>
<td>Madrid</td>
<td>Madrid</td>
<td>www.grillitos.info</td>
</tr></table></body></html>

Un saludo....

GersonM · #2 (**permalink**) 25/10/2007, 16:02

?????????????

La verdad que no entiendo lo que quieres hacer, si te explicas un poco mejor seguro podre ayudarte

kaninox · #3 (**permalink**) 25/10/2007, 19:58

pos yo menos no entiendo la i dea de estirar horizontalmente cuando se usa horizontal :/....
pero si quieres estirar horizontalmente tienes el atributo width=""
puedes usar porcentajes .... width="200%" o numero width="1500"

por ej...

sagaru · #4 (**permalink**) 26/10/2007, 11:26

Lo que quiero es que no haga mas pequeñas las celdas del tamaño del texto, he puesto varias celdas con width y no lo respeta , si cogeis el codigo y guardais html y lo ejecutais veis lo que os indico ...

xlokyx · #5 (**permalink**) 27/10/2007, 12:26

fácil, utiliza "cellpadding" para darle relleno a la celda

en tu caso, tu código seria este:

Código:

<html><head>
<style type="text/css">
body {text-align:center;}
</style></head>
<body><table border = '1' cellpadding="8"> <!-- valor de cellpading 8, modificable a gusto, aunque para tu caso creo que es suficiente -->
<tr>
<td><b>Empresa</b></td>
<td><b>Incorporación</b></td>
<td><b>NIF</b></td>
<td width='300'><b>Recordatorio</b></td>
<td width='300'><b>Contacto1</b></td>
<td><b>Telefono1</b></td>
<td width='300'><b>Correo1</b></td>
<td><b>Contacto2</b></td>
<td><b>Telefono2</b></td>
<td><b>Correo2</b></td>
<td><b>Calle</b></td>
<td><b>Población</b></td>
<td><b>Provincia</b></td>
<td><b>Web</b></td>
</tr><tr>
<td>Perico SL</td>
<td>2007-08-18</td>
<td>B123625214</td>
<td>siempre</td>
<td>pepito grillo</td>
<td>963214523</td>
<td>[email protected]</td>
<td>Juanito</td>
<td>623145698</td>
<td>llopññ[email protected]</td>
<td>Alcazar de San Juan</td>
<td>Madrid</td>
<td>Madrid</td>
<td>www.grillitos.info</td>
</tr></table></body></html>

sagaru · #6 (**permalink**) 28/10/2007, 08:29

xlokyx , pero con esto todavia el texto de las celdas sale en dos o tres lineas en vez de en una sola ....

xlokyx · #7 (**permalink**) 28/10/2007, 15:02

ahora he entendido lo que quieres!
si no te explicas bien... bueno, haber que se puede hacer ;)

webosiris · #8 (**permalink**) 29/10/2007, 15:42

puedes usar nowrap. Recordemos que todo lo visual debería ser modificado mediante CSS, no mediante html que en muchos casos está obsoleto. así que unsando css, nowrap sería:

Código:

td{white-space: nowrap}

sagaru · #9 (**permalink**) 31/10/2007, 15:42

webosiris, exacto yo lo inclui en HTML porque no daba con ello en CSS, ya que Interter Exploter no funciona .... pero con Firefox si .... , a ver si le busco un apaño a este navegador odioso