Foros del Web » Creando para Internet » HTML »

Help! Las tablas se me desplazan hacia abajo

Estas en el tema de Help! Las tablas se me desplazan hacia abajo en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 20/04/2008, 05:43
 
Fecha de Ingreso: abril-2008
Mensajes: 4
Antigüedad: 9 años, 7 meses
Puntos: 0
Help! Las tablas se me desplazan hacia abajo

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
  #2 (permalink)  
Antiguo 20/04/2008, 08:21
Avatar de aloqui  
Fecha de Ingreso: diciembre-2007
Mensajes: 973
Antigüedad: 10 años
Puntos: 24
Re: Help! Las tablas se me desplazan hacia abajo

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; }
__________________
Grupos de Música
Pop Music Stars
  #3 (permalink)  
Antiguo 20/04/2008, 12:52
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Help! Las tablas se me desplazan hacia abajo

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

<td valign="top">

Mikel.
  #4 (permalink)  
Antiguo 20/04/2008, 13:01
 
Fecha de Ingreso: abril-2008
Ubicación: -
Mensajes: 156
Antigüedad: 9 años, 7 meses
Puntos: 5
Re: Help! Las tablas se me desplazan hacia abajo

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.
  #5 (permalink)  
Antiguo 20/04/2008, 13:30
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Help! Las tablas se me desplazan hacia abajo

Cita:
Iniciado por nedrek Ver Mensaje

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.
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 08:20.