Text neben Bild
eine einfache Antwort, auf eine häufig gestellte Frage, wie man in der Auktionsbeschreibung einen Text neben ein Bild bekommt:
mit einer einfachen Tabelle
 |
Hühner Beschreibung Text Text |
 |
Pfaffenhütchen Beschreibung Text Text |
 |
Riem Arcaden Beschreibung Text Text |
Hier der Code dazu:
<div style="text-align: center; margin: auto;">
<table cellpadding="20" style="font-size:1.3em; width: 750px; text-align: center; margin: auto;">
<tr>
<td><img src="Bildadresse (URL)" alt="Alternativtext" border="0"></td>
<td style="width: 100%; text-align: left; padding-left: 2em;"> Hühner<br>Beschreibung<br>Text Text </td>
</tr>
</table>
<table cellpadding="20" style="font-size:1.3em; width: 750px; text-align: center; margin: auto;">
<tr>
<td><img src="Bildadresse (URL)" alt="Alternativtext" border="0"></td>
<td style="width: 100%; text-align: left; padding-left: 2em;"> Pfaffenhütchen<br>Beschreibung<br>Text Text</td>
</tr>
</table>
<table cellpadding="20" style="font-size:1.3em; width: 750px; text-align: center; margin: auto;">
<tr>
<td><img src="Bildadresse (URL)" alt="Alternativtext" border="0"></td>
<td style="width: 100%; text-align: left; padding-left: 2em;"> Riem Arcaden<br>Beschreibung<br>Text Text</td>
</tr>
</table>
</div>
<table cellpadding="20" style="font-size:1.3em; width: 750px; text-align: center; margin: auto;">
<tr>
<td><img src="Bildadresse (URL)" alt="Alternativtext" border="0"></td>
<td style="width: 100%; text-align: left; padding-left: 2em;"> Hühner<br>Beschreibung<br>Text Text </td>
</tr>
</table>
<table cellpadding="20" style="font-size:1.3em; width: 750px; text-align: center; margin: auto;">
<tr>
<td><img src="Bildadresse (URL)" alt="Alternativtext" border="0"></td>
<td style="width: 100%; text-align: left; padding-left: 2em;"> Pfaffenhütchen<br>Beschreibung<br>Text Text</td>
</tr>
</table>
<table cellpadding="20" style="font-size:1.3em; width: 750px; text-align: center; margin: auto;">
<tr>
<td><img src="Bildadresse (URL)" alt="Alternativtext" border="0"></td>
<td style="width: 100%; text-align: left; padding-left: 2em;"> Riem Arcaden<br>Beschreibung<br>Text Text</td>
</tr>
</table>
</div>
Es können auf diese Weise beliebig viele Bilder untereinander platziert werden
und natürlich (je nach HTML-Kenntnissen) Schriftart, -größe und -farbe, Abstände usw... verändert werden.
Optisch am schönsten ist es, wenn die Bilder gleiche Größe haben.
Diese Tabelle kann auch in eine andere Vorlage eingebaut werden
Eine andere => Variante einer Vorlage mit Text neben Bild
