Text neben Audioplayerv2.x

  • Hallo zusammen!

    Bitte nicht lünchen, falls das Thema schon mal diskutiert wurde - ich hab leider nirgends eine Lösung finden können.
    Und zwar folgendes: Ich hab den Audioplayer 2.x bereits installiert funktioniert auch alles perfekt, nur habe ich das "Problem", dass mir, sobald ich den Player neben einen Text einfügen möchte immer ein Zeilenumbruch gemacht wird.
    Ich hätte es aber sehr sehr gerne so: "I'm Happy" - AUDIOPLAYER 2.x (Also vor dem Audioplayer der Text)
    Wer von euch könnte mir da weiterhelfen???

    Herzlichen Dank & liebe Grüße,
    Tom

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Hallo Tom!
    Ich kenne zwar deinen Audioplayer nicht, aber ich habe so etwas auf meiner HP über eine Einbindung in eine Tabelle gelöst.
    Folgendes Beispiel ist eine Tabelle mit 4 Spalten und 10 Zeilen, wobei der Audioplayer sich in jeder Zelle der Spalte 2 befindet. Der Downloadbutton und die Megabyte Angabe stehen zusammen in einer Zelle (Spalte 4).
    Link zu meiner Homepage

    Beispielcode gekürzt auf zwei Zeilen.
    <table style="width: 830px;">
    <tbody>
    <tr>
    <td><strong>Datum</strong></td>
    <td><strong>Predigtthema / Prediger / Online hören</strong></td>
    <td><strong>Zeit</strong></td>
    <td><strong>Download</strong></td>
    </tr>
    <tr>
    <td>vor 02.2011</td>
    <td style="text-align: left;">[mp3j track="http://www...verzeichnis zur MP3-Datei/Dateiname.mp3""]</td>
    <td style="text-align: left;">33 Min.</td>
    <td><a href="http://www....verzeichnis zur MP3-Datei/Dateiname.mp3" target="_blank"><img class="alignnone size-full wp-image-3144" title="Downloadbutton" alt="" src="http://www....verzeichnis zum Downloadbutton/Download7.jpg" width="91" height="25" /></a> / 7,1 MB</td>
    </tr>
    <tr>
    <td>17.04.2011</td>
    <td>[mp3j track="http://www...verzeichnis zur MP3-Datei/Dateiname.mp3"]</td>
    <td style="text-align: left;">47 Min.</td>
    <td><span style="color: #0000ff;"><strong><span style="color: #0000ff;"><a href="http://www....verzeichnis zur MP3-Datei/Dateiname.mp3" target="_blank"><img class="alignnone size-full wp-image-3144" title="Downloadbutton" alt="" src="http://www....verzeichnis zum Downloadbutton/Download7.jpg" width="91" height="25" /></a> </span></strong></span>/ 11 MB</td>
    </tr>
    </tbody>
    </table>

    Und hier der Beispielcode der 4 spaltigen Tabelle mit zwei Zeilen ohne Inhalt

    <table style="width: 830px;">
    <tbody>
    <tr>
    <td><strong>Zeile 1 Zelle 1</strong></td>
    <td><strong>Zeile 1 Zelle 2</strong></td>
    <td><strong>Zeile 1 Zelle 3</strong></td>
    <td><strong>zeile 1 Zelle 4</strong></td>
    </tr>
    <tr>
    <td>Zeile 2 Zelle 1</td>
    <td style="text-align: left;">Zeile 2 Zelle 2</td>
    <td style="text-align: left;">Zeile 2 Zelle 3</td>
    <td>Zeile 2 Zelle 4/td>
    </tr>
    <tr>
    <td>Zeile 3 Zelle 1</td>
    <td style="text-align: left;">Zeile 3 Zelle 2</td>
    <td style="text-align: left;">Zeile 3 Zelle 3</td>
    <td>Zeile 3 Zelle 4/td>
    </tr>
    </tbody>
    </table>

    Als Player benutze ich den MP3-jPlayer siehe hier

    Der Player wird über diesen Code eingebunden
    [mp3j track="http://www.meinehomepage.de/Verzeichnispfad zur Datei/Dateiname.mp3"]

    Gruß Frank

    Einmal editiert, zuletzt von Frank9652 (5. Februar 2013 um 21:47)

  • Hallo Frank!

    Herzlichen Dank für deine höchst ausführlichen Antworten!
    Tolle Idee das ganze mit einer Tabelle zu lösen - werde ich demnächst probieren.

    Übrigens - sehr schöne! Website die du da hast!!!

    Danke nochmals & LG
    Tom

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!