Audioplayer in Tabelle

Zwei Audioplayer nebeneinander mit Hilfe einer Tabelle

<table style="border-style:none;">
<tr>
<td style="width:290px;border-style:none;padding:4px;">
[ audio http://wpcom.files.wordpress.com/2007/01/mattmullenweg-interview.mp3 ]
</td>
<td style="width:290px;border-style:none;padding:4px;">
[ audio http://wpcom.files.wordpress.com/2007/01/mattmullenweg-interview.mp3 ]
</td>
</tr>
</table>

Damit der Audio Shortcode nicht interpretiert wird, habe ich ein Leerzeichen an den eckigen Klammern eingefügt. Die müssen natürlich wieder raus, damit es funktioniert.

Nachtrag:

Das ganze funktioniert übrigens nur in Themes die eine Content Breite von mehr als 600 Pixeln (wie z.B. INove) aufweisen. Bei Themes mit kleinerer Content Breite kann es zu Darstellungsfehlern oder abgeschnittenem zweiten Audioplayer kommen.

Nachtrag 2:
Hier noch ein Beispiel mit weiteren Tabellenzeilen und demzufolge auch weiteren Audioplayern. Zusätzlich auch eine eingeschobene Tabellenzeile für weitere Hinweise zum jeweiligen Audioplayer.

Teil 1 Teil 2
Teil 3 Teil 4
<table style="border-style:none;">
<tr>
<td style="width:290px;border-style:none;padding:4px;">
[ audio http://wpcom.files.wordpress.com/2007/01/mattmullenweg-interview.mp3 ]
</td>
<td style="width:290px;border-style:none;padding:4px;">
[ audio http://wpcom.files.wordpress.com/2007/01/mattmullenweg-interview.mp3 ]
</td>
</tr>
<tr>
<td style="width:290px;text-align:center;font-size:10px;border-style:none;padding:4px;">
Teil 1
</td>
<td style="width:290px;text-align:center;font-size:10px;border-style:none;padding:4px;">
Teil 2
</td>
</tr>
<tr>
<td style="width:290px;border-style:none;padding:4px;">
[ audio http://wpcom.files.wordpress.com/2007/01/mattmullenweg-interview.mp3 ]
</td>
<td style="width:290px;border-style:none;padding:4px;">
[ audio http://wpcom.files.wordpress.com/2007/01/mattmullenweg-interview.mp3 ]
</td>
</tr>
<tr>
<td style="width:290px;text-align:center;font-size:10px;border-style:none;padding:4px;">
Teil 3
</td>
<td style="width:290px;text-align:center;font-size:10px;border-style:none;padding:4px;">
Teil 4
</td>
</tr>
</table>
Advertisements