Cookie-Hinweis Smartphone

16.05.2014

Zwei Bilder mit einer gemeinsamen Bildunterschrift

Dies ist eine gemeinsame Bildunterschrift

Um das oben stehende Ergebnis zu erhalten, muss man erst beide Bilder im Verfassen-Modus des Editors hochladen und dann jeweils einzeln in Bildtabellen umwandeln, indem man nacheinander auf die Bilder klickt und im Bildmenübalken, der sich dann zeigt, jeweils auf "Bildunterschrift hinzufügen" klickt. Das Zwischenergebnis sieht danach wie folgt aus:


Bildunterschrift hinzufügen

Bildunterschrift hinzufügen


Dann muss man in den HTML-Modus des Editors wechseln und findet da ungefähr einen solchen Code für die beiden Bildtabellen vor:

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="BILDADRESSE 1" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="BILDADRESSE 1" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">BILDUNTERSCHRIFT</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="BILDADRESSE 2" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="BILDADRESSE 2" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">BILDUNTERSCHRIFT</td></tr>
</tbody></table>
<br />

Jedes Bild mit Bildunterschrift ist eine Tabelle (table), die aus zwei Zeilen (tr) besteht, die jeweils nur eine einzige Zelle/Spalte (td) beinhalten. In der Zelle der oberen Zeile steht das Bild und in der Zelle der unteren Zeile steht die Bildunterschrift.


Wenn man nun das Bild aus der zweiten Bildtabelle mit seinem Link-Code drumrum (a) kopiert und in der ersten Bildtabelle hinter dem Bild mit seinem Link-Code drumrum einfügt, dann hat man in der ersten Bildtabelle die zwei Bilder nebeneinander in einer gemeinsamen Zeile stehen und hat eine gemeinsame Bildunterschriftszeile darunter. Man kann die beiden Bilder ohne Lücke nebeneinander stellen oder ein Leerzeichen dazwischen setzen. Die zweite Bildtabelle kann man danach löschen.


Veranschaulichung:

Gelb=eingefügt, Rot=später löschen!

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="BILDADRESSE 1" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="BILDADRESSE 1" /></a> <a href="BILDADRESSE 2" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="BILDADRESSE 2" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">BILDUNTERSCHRIFT</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="BILDADRESSE 2" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="BILDADRESSE 2" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">BILDUNTERSCHRIFT</td></tr>
</tbody></table>

<br /> 


Ute Ziemes, sg.utez.de,

0 Kommentare:

Kommentar posten