css en tabla. ¿Como alinear el texto en la parte superior de la tabla?

[hydra1ysk]

En otro topic empeze este tema, pero me parece prudente ser ordenado y prefiero seguir con mi duda aca. Este es el tema original

Estoy trabajando con tablas para organizar tablas y comentarios sobre imagenes. Lo que quiero es que a la izquierda aparesca la imagen y a la derecha un comentario. Pero cuando hago esto el texto aparece centralizado. Es algo asi lo que me pasa (copiar y pegar en el navegador, ya que como soy usuario nuevo no me dejan postear imagenes.....):

img513.imageshack.us/img513/6752/problemgw0.png

El codigo css que me genera la tabla es el siguiente:

/* CSS File */

.wptable {

font: Icon;
border: 1px Solid ThreeDShadow;
background: Window;
color: WindowText;
border-collapse: collapse;
}

/* header row*/
.wptable th {

padding: 2px 5px;
border: 1px solid;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
cursor: default;
background: ButtonFace;

}

/* normal row*/
.wptable td {

padding: 3px;
}

/* alternative rwo */
.wptable tr.alt {

background-color: #F4F4EC;

}

Me dijeron que debo agregar vertical-align:top pero no funciono. Que debo agregar para lograr lo que necesito?

[dART]

Hola,

¿Por qué no lo pones directamente en el td?

Código HTML:

<td valign="top"> 

[hydra1ysk]

Iniciado por d-ART

Hola,

¿Por qué no lo pones directamente en el td?

Código HTML:

<td valign="top"> 

Lo intente pero me da un conflicto aparte no deberia hacerlo en cada tabla?. En cambio con el CSS seria un solo cambio.

[jomaruro]

Hola:

Pero lo que te ha dicho d-ART puedes pasarlo a CSS.

td {vertical-align: top;}

Así no se si te funcionará pero seguro que ya no te da ningún conflicto.

Saludos.

[dART]

Hola,

Iniciado por hydra1ysk

Lo intente pero me da un conflicto aparte no deberia hacerlo en cada tabla?. En cambio con el CSS seria un solo cambio.

Tienes razón. Prueba a ponerlo así en el CSS:

Código HTML:

display:table-cell;
vertical-align:top;

Saludos,
Espero que sirva.

[hydra1ysk]

Iniciado por d-ART

Hola,




Tienes razón. Prueba a ponerlo así en el CSS:

Código HTML:

display:table-cell;
vertical-align:top;

Saludos,
Espero que sirva.

Funciono.... Te pasaste! Este es el resultado (las manos y los comentarios)

hydra1ysk.com/?p=85