Alineación de la imagen en la parte superior de una celda de tabla

1 minuto de lectura

ingrese la descripción de la imagen aquí

Estoy diseñando una página de wordpress dentro del editor de wordpress y no sé cómo hacer que el marcador de posición de la imagen gris se alinee con la parte superior de la celda de la tabla. Siempre que el texto de la celda izquierda no quede debajo de la imagen gris, todo está bien. Pero tan pronto como el texto llega debajo de la parte inferior de la imagen, la imagen empuja hacia abajo. Aquí está el código:

<table border="1">
<tbody>
<tr>
<td style="vertical-align: top;">
<img class="alignleft size-full wp-image-71" alt="webi" src="#" 
width="437"     height="114" />                                                                      
&nbsp;
<p>
SOME TEXT
</p>
</td>
<td style="width: 355px;">
<img class="alignright size-full wp-image-61"   alt="palvelut_kuvapaikka" 
src="#"  
align="top" width="355" height="355" /> 
 </td>
</tr>
</tbody>
</table>

  • Configurando style="vertical-align: top;" en la segunda celda también?

    – Espontifixus

    9 de enero de 2013 a las 15:05

Solo configura el vertical-align: top propiedad a la derecha td ¿también?

  • Sí, en realidad lo tenía allí, pero sigue siendo el mismo problema.

    – NiGeLL

    9 de enero de 2013 a las 15:08

  • vertical-align: top funciona perfectamente bien con su código exacto en este jsFiddle

    – cristiano

    9 de enero de 2013 a las 15:13


  • Puedo secundar eso – jsfiddle.net/BXMVB funciona… Si no es así, entonces tienes otros estilos que interfieren

    – Zoltán Toth

    9 de enero de 2013 a las 15:14

  • Lo más probable es que haya otro CSS que no sea forzarlo a centrarse. Prueba esto: vertical-align: top!important

    – Adrián P.

    13 oct 2017 a las 16:39

para alinearlo en la parte superior de una tabla, debe usar en css: vertical-align: top

¿Ha sido útil esta solución?