Help! Las tablas se me desplazan hacia abajo

[Sharuya]

Espero que esto vaya en el subforo correcto ^^U

Tengo varias webs y en todas me pasa el mismo problema: Al colocar contenido en una columna de por ejemplo 500px de alto, el contenido se me queda centrado en los 250px en vez de quedarse arriba del todo que es lo que quiero. Hasta entonces lo que he hecho ha sido poner espacios hasta rellenar lo que es el alto de la columna y que así el contenido se me quede donde yo quiero; pero imagino que hay una solución para no tener que estar haciendo todo el rato esto.
Además, el otro día instalé el phpnews en mi web, y al ir a la noticia entera, el contenido de la columna se me desplaza hacia abajo :s

Imagino que no me habré explicado muy bien, así que os dejo la pag del problema:
http://www.tnhfansub.com/index.php
Cuando hago click para que la noticia salga entera, el menú de la ziquierda se desplaza hacia abajo...
Por favor, si alguien me dijera qué es lo que debería hacer... muchas gracias

[aloqui]

Lo que tienes que hacer usar un estilo como el siguiente:

style="vertical-align:top;"

Este estilo lo puedes aplicar de varias formas:
- En la celda: <td style="vertical-align:top;">
- En la fila: <tr style="vertical-align:top;">
- Como clase CSS: <tr class="arriba">
siendo la clase:
.arriba { vertical-align:top; }

[Mikmoro]

Hablando de tablas, es más sencillo aplicar valign:

<td valign="top">

Mikel.

[nedrek]

Como regla general, creo que la mejor solucion es usar la propiedad en cascada del CSS:

Código:

table.tdtop tr td {vertical-align:top}

y así en el HTML no hay que aplicar la propiedad a todas las subordinadas de <table>

Código HTML:

<table class="tdtop">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table> 

Mejor dejar todas las propiedades de estilo posibles, externas al HTML, no?


Un saludo.

[Mikmoro]

Iniciado por nedrek

Mejor dejar todas las propiedades de estilo posibles, externas al HTML, no?

Sí, si, desde luego. Yo lo ponía porque parecía que lo quería aplicar a una única celda, y por el tipo de consulta, no se si el usuario estará usando alguna css para los estilos, más bien apostaría a que tiene el html lleno de estilos (por el diseño con tablas, digo), y por no dar el sermón de "será mejor que uses una hoja de estilo bla, bla..."

Pero vamos, si ya está usando css pues mucho mejor así, con esa solución o mediante una clase o un id si es para un único caso específico.

En cuando al segundo problema, si nadie lo resuelve antes dentro de un rato le echo un vistazo a ver qué se ve por ahí.

Mikel.