Bild am oberen Rand einer Tabellenzelle ausrichten

Lesezeit: 1 Minute

Geben Sie hier die Bildbeschreibung ein

Ich entwerfe eine WordPress-Seite im WordPress-Editor und kann nicht herausfinden, wie ich den Platzhalter für das graue Bild an der Oberseite der Tabellenzelle ausrichten kann. Solange der Text in der linken Zelle nicht unter das graue Bild geht, ist alles in Ordnung. Aber sobald der Text unter den unteren Rand des Bildes gelangt, drückt das Bild nach unten. Hier ist der Code:

<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>

  • Indem man es einstellt style="vertical-align: top;" auch auf der zweiten Zelle?

    – Spontifixus

    9. Januar 2013 um 15:05 Uhr

Stellen Sie einfach die ein vertical-align: top Eigentum auf der rechten Seite td auch?

  • Ja, ich hatte es tatsächlich dort, aber immer noch das gleiche Problem.

    – NiGeLL

    9. Januar 2013 um 15:08 Uhr

  • vertical-align: top funktioniert einwandfrei mit Ihrem genauen Code in diesem jsFiddle

    – Christian

    9. Januar 2013 um 15:13 Uhr


  • Ich kann dem nur zustimmen – jsfiddle.net/BXMVB es funktioniert.. Wenn nicht – dann haben Sie einige andere Stile, die stören

    – Zoltan Toth

    9. Januar 2013 um 15:14 Uhr

  • Höchstwahrscheinlich gibt es ein anderes CSS, als es zum Zentrieren zu zwingen. Versuchen Sie Folgendes: vertical-align: top!important

    – Adrian P.

    13. Oktober 2017 um 16:39 Uhr

Um es oben in einer Tabelle auszurichten, müssen Sie in CSS verwenden: vertical-align: top

1398730cookie-checkBild am oberen Rand einer Tabellenzelle ausrichten

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy