WordPress – zwei Bilder nebeneinander

16 May

Zwei Bilder nebeneinander zu positionieren ist von vielen ein gern genutztes Gestaltungsmittel, um Platz zu sparen oder zwei Bilder miteinander zu vergleichen. Doch WordPress.com sieht hierfür keine Möglichkeit vor. Doch kein Grund zur Verzweiflung: Es gibt eine simple Lösung. Mithilfe einer Tabelle lassen sich zwei Bilder ganz einfach nebeneinander zwingen.

Geht in die HTML-Ansicht des Texteditors und fügt an der Stelle, an der die beiden Bilder positioniert werden sollen, folgenden Code ein:

<table>
<tbody>
<tr>
<td><a href="http://meinblog.files.wordpress.com/2011/12/bild-1.png"><img title="Bild 1" src="http://meinblog.files.wordpress.com/2011/12/bild-1.png?w=300" alt="" width="300" height="125" /></a></td>
<td><a href="http://meinblog.files.wordpress.com/2011/12/bild-2.png"><img title="Bild 2" src="http://meinblog.files.wordpress.com/2011/12/bild-2.png?w=300" alt="" width="300" height="126" /></a></td>
</tr>
</tbody>
</table>

<table></table>  markiert die gesamte Tabelel

<tr></tr>

markiert die Tabellenzeile

<td></td>

weißt die Tabellenspalte aus

Beide Bilder werden nebeneinander in zwei Spalten gepackt. Theoretisch könnten auch mehr Bilder auf diese Weise nebeneinander positioniert werden, doch müsst ihr dabei beachten, dass die Bilder immer kleiner werden.

Unter

<img src= ...>

muss die URL zum Bild eingetragen werden.

width="300" height="126"

reguliert die Größe der Bilder.

Mir hat der Tipp sehr geholfen, als mir dieses Problem graue Haare bereitete, denn die Lösung ist efffektiv und simpel umzusetzen. Leider habe ich jedoch die Quelle vergessen.