Como evitar que se redimensionen tablas ( en un servlet para usar en PDA)

[Frantic]

Hola!

A ver si me podeis ayudar... estoy preparando un servlet que se
ejecutará en una PDA, accediendo a una base de datos.

El problema que tengo es que la pantalla es limitada, y como trabajo con
tablas, si el texto es más largo que lo que cabe en la celda,
automaticamente la celda se hace mas ancha, y la tabla por tanto no se
ve entera (sale el scrollbar debajo).

Me interesa mucho que no pase esto, que si el texto no cabe o bien se
alargue la celda verticalmente o bien se vea el texto hasta donde quepa,
aunque no se vea entero. (Si en el texto hay espacios, si que respeta el
tamaño fijo que especifico para las celdas, pero si no puede separarlo
todo con espacios, hace la celda más ancha que el tamaño que he
especificado).

Supongo que ha quedado claro, no?

Para definir la página, uso html y javascript.

Gracias!

[Iván Sánchez Ortega]

Post by Frantic
Hola!
A ver si me podeis ayudar... estoy preparando un servlet que se
ejecutará en una PDA, accediendo a una base de datos.
El problema que tengo es que la pantalla es limitada, y como trabajo con
tablas, si el texto es más largo que lo que cabe en la celda,
automaticamente la celda se hace mas ancha, y la tabla por tanto no se
ve entera (sale el scrollbar debajo).

Si te interesa *ocultar* el texto de las celdas demasiado grandes, prueba
con algo así como:

<td class='cortar'>

y

<style type='text/css'>
.cortar { overflow:hidden; }
</style>


Obviamente, también deberías definir el ancho exacto que quieres para cada
celda, con algo así como:

<td style='width:40px;'>


Avisos:
- Esto son sólo sugerencias. Supongo que sabes lo suficiente de HTML y CSS
como para ajustarlo a tus necesidades.

- Búscate la referencia de CSS2[1], y úsala como referencia para hacer los
cambios. Esa es la especificación oficial; cualquier otro tutorial puede
tener la sintaxis mal o no ser correcto.
[1] http://www.w3.org/TR/1998/REC-CSS2-19980512/

- Léete el capítulo de "box model" y el de tablas de esa especificación;
aprenderás cómo funcionan los navegadores a la hora de ajustar tablas.

- Algunos navegadores se toman el CSS por el pito del sereno y no hacen
caso. Prueba antes de desplegar la aplicación.

- Muy, muy importante: usa hojas de estilo para todo, y haz que tu
aplicación suelte una hoja de estilo distinta para las PDAs, y una hoja de
estilo distinta para navegadores en ordenadores de escritorio. Así te
ahorrarás el programar la aplicación dos veces!!


Espero que esto te ayude,

[Frantic]

Muchas gracias por la completa respuesta! Consultaré el tutorial de CCS2
que comentas, seguro que será de mucha utilidad.

Gracias!!!!

Frantic.

Post by Iván Sánchez Ortega

Post by Frantic
Hola!
A ver si me podeis ayudar... estoy preparando un servlet que se
ejecutará en una PDA, accediendo a una base de datos.
El problema que tengo es que la pantalla es limitada, y como trabajo con
tablas, si el texto es más largo que lo que cabe en la celda,
automaticamente la celda se hace mas ancha, y la tabla por tanto no se
ve entera (sale el scrollbar debajo).

Si te interesa *ocultar* el texto de las celdas demasiado grandes, prueba
<td class='cortar'>
y
<style type='text/css'>
.cortar { overflow:hidden; }
</style>
Obviamente, también deberías definir el ancho exacto que quieres para cada
<td style='width:40px;'>
- Esto son sólo sugerencias. Supongo que sabes lo suficiente de HTML y CSS
como para ajustarlo a tus necesidades.
- Búscate la referencia de CSS2[1], y úsala como referencia para hacer los
cambios. Esa es la especificación oficial; cualquier otro tutorial puede
tener la sintaxis mal o no ser correcto.
[1] http://www.w3.org/TR/1998/REC-CSS2-19980512/
- Léete el capítulo de "box model" y el de tablas de esa especificación;
aprenderás cómo funcionan los navegadores a la hora de ajustar tablas.
- Algunos navegadores se toman el CSS por el pito del sereno y no hacen
caso. Prueba antes de desplegar la aplicación.
- Muy, muy importante: usa hojas de estilo para todo, y haz que tu
aplicación suelte una hoja de estilo distinta para las PDAs, y una hoja de
estilo distinta para navegadores en ordenadores de escritorio. Así te
ahorrarás el programar la aplicación dos veces!!
Espero que esto te ayude,