Zwei Spalten in einem Artikel

  • Avatar von Unbekannt
    strebenachwissen · Mitglied ·

    Hallo,

    wieder mal bruach ich Hilfe :) Gibt es irgendeine Möglichkeit in einem Beitrag zwei Spalten zu generieren? Also quasi wie in einer Broschüre. Habe zuviele Player drin, die nach unten gehen, wöre schöner, wenn man den Platz rechts auch noch nutzen würde…

    Der Blog bei dem ich Hilfe benötige heißt (nur für angemeldete Benutzer sichtbar).

  • Avatar von Unbekannt
    zodiac1978 · Mitglied ·

    Wollte mal schauen, aber dein Blog (http://schwesternseminar.wordpress.com/) ist gelöscht …

    Ein Zwei-Spalten Design ist nicht möglich (mit viel CSS-Wissen, Mut zum Experimentieren und Tricksen sowie dem CSS-Upgrade wäre das *vielleicht* möglich, aber nur vielleicht und es wäre nicht komfortabel) Leider beherrschen die Browser kein Spaltendesign, wo der Text einfach in zwei Spalten fließt, so wie in der Textverarbeitung.

    Gruß, Torsten

  • Avatar von Unbekannt
    strebenachwissen · Mitglied ·

    Achso, schade! Ja also von CSS hab ich keine Ahnung…Beim Blog fehlte ein e: http://www.schwesternseminare.wordpress.com. Hatte den ersten Blog gelöscht, aber dann doch wieder den Namen verwendet, naja =) Jedenfalls unter „Tafsir Audios“ sieht das etwas komisch aus, dass da so viele Player sind…Ich fürchte ich muss es irgendwo nur extern als Download zur Verfügung stellen, keine Ahnung, sonst wird die Seite viel zu Lang nach unten, wenn ich den Rest noch reinstelle…So ist das mit kostenlosen Dingen, man kann nicht alles haben!

  • Avatar von Unbekannt
    iqatrophie · Moderator ·

    Mit einer Tabelle und ein bisschen InlineCSS könnte es eventuell klappen. Hab extra mal ein Testblog eingerichtet, und mein Bestes versucht.

    http://wpcomsandbox.wordpress.com/2009/10/19/audioplayer-in-tabelle/

    In meinem Firefox funktionierts. Wie es in anderen Browsern aussieht, kann ich nicht sagen.

    Gruß, Martin(IQ)

  • Avatar von Unbekannt
    strebenachwissen · Mitglied ·

    Also ich hab das mal kopiert in den Artikel. Es würde auch alles klappen, wenn bei mir nicht ständig „File not found“ stehen würde. Ich versteh nicht wieso die Verlinkung nicht erkannt wird, zumal ich alles richtig mache. Habe natürlich Leerzeichen weggemacht und das ganze im HTML Mouds. Auch bei den Playern, die schon auf der Seite sind, funktionierts beim ersten mal, wenn ich aber den Beitrag editiere, erkennt der Player die Verlinkung wieder nicht…Zum Verzweifeln :(

  • Avatar von Unbekannt
    zodiac1978 · Mitglied ·

    Könntest Du uns einen Link zu der Seite schicken, wo du das ausprobiert hast, dann können wir mal einen Blick darauf werfen.

    Gruß, Torsten

  • Avatar von Unbekannt
    strebenachwissen · Mitglied ·

    Ja gerne: http://schwesternseminare.wordpress.com/2/

    Der HTML code sieht jeweils so aus: [audio http://www.archive.org/download/TafsirAlQuranDeutsch/aAlFatiha.mp3|bg=0x0000ff|righticon=0xff0000]

  • Avatar von Unbekannt
    zodiac1978 · Mitglied ·

    Ich sehe da weder eine Tabelle noch eine korrekte Dateiangabe. Hast Du nach dem Speichern geprüft, ob auch alles okay ist (im HTML-Modus). WordPress löscht ja alles, was es nicht kennt bzw. zulässt. Evtl. ist es auch ein Copy&Paste-Problem. Checke mal im HTML-Modus, ob da alles richtig aussieht.

    Gruß, Torsten

  • Avatar von Unbekannt
    iqatrophie · Moderator ·

    Sehe da leider auch keine Tabelle und kann dementsprechend auch nicht spekulieren, was da falsch gelaufen ist. Allerdings habe ich den entsprechenden Beitrag auf dem Testblog um ein weiteres Beispiel mit zusätzlichen Audioplayern und einer Unterzeile für jeden Player ergänzt.

    http://wpcomsandbox.wordpress.com/2009/10/19/audioplayer-in-tabelle/

    Vielleicht hilft dir das ja weiter.

    Gruß, Martin(IQ)

  • Avatar von Unbekannt
    strebenachwissen · Mitglied ·

    Hallo,

    also ich habs mal nochmal probiert. Ich habe nun den Code von Martins Seite rauskopiert und in HTML in eine neue Seite einkopiert, dann auf grafisch gewechselt und Leertasten weggemacht. Man sieht zwar die Tabelle, aber komischerweise kann man die Audios nicht abspielen, file not found. http://schwesternseminare.wordpress.com/test/

    Wenn das nur gehen würde, dann würde mir es wirklich gut weiterhelfen. Denn es sind schon viele Audios.
    Ich hab von CSS keine Ahnung, von HTML eigentlich auch nicht wirklich, also wirklich nur absolute basics. Daher bleibt mir nichts anderes als Copy and paste…

    Danke nochmals!

  • Avatar von Unbekannt
    iqatrophie · Moderator ·

    … dann auf grafisch gewechselt und Leertasten weggemacht.

    Ich habe den grafischen Editor leider deaktiviert. Deswegen kann ich nicht sagen, ob ein Umschalten in diesen Modus Veränderungen am Code bewirkt.

    Hast du mal versucht, den Code im HTML Modus zu veröffentlichen?

    Auf alle Fälle ist irgendwas im Quellcode des Artikels (im Browser) nicht in Ordnung. Der übergebene Parameter (Param value) für den Audioplayer sieht fehlerhaft aus. Sprich die URL ist falsch. Leider kann ich nicht nachvollziehen, wie dieser Fehler zustande kommt.

    Hast du den Code wirklich bis auf die zwei Leerzeichen links und rechts innerhalb der eckigen Klammer im Audio Shortcode 1:1 übernommen?

    Wenn du dir deine Testseite nach dem Veröffentlichen nochmal im HTML Modus ansiehst, sieht der Code dann noch genauso aus, wie das ursprüngliche Original?

    Ich hab von CSS keine Ahnung, von HTML eigentlich auch nicht wirklich, also wirklich nur absolute basics. Daher bleibt mir nichts anderes als Copy and paste….

    Ich frage mich, ob ich dir dann überhaupt einen Gefallen mit dieser Bastellösung tue. Wenn du den Code mangels Wissens nicht warten/pflegen/erweitern kannst, ist die Lösung mit der Tabelle wahrscheinlich nicht das richtige für dich.

    Sofern du dich in das Thema Tabellen in Zusammenhang mit HTML einarbeiten möchtest, ist vielleicht folgender Link für dich interessant:
    http://de.selfhtml.org/html/tabellen/index.htm

    Gruß, Martin(IQ)

  • Avatar von Unbekannt
    strebenachwissen · Mitglied ·

    Also, ich habs jetzt mal im HTML Modus veröffentlicht, mit folgendem Code: 

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

    Leertasten im HTML Modus weggemacht.

    Dann Artikel nochmal aufgerufen und verglichen:

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

    Schaut gleich aus.

    Wenn ich das System einmal raus habe, könnt ich es so basteln wie ich möchte, aber ich glaub, das ist in der Tat langsam zu komplizier geworden hehe. Aber vielleicht hilfts ja anderen hier.

    Werde mir mal den Link zu gemüte nehmen.

    Ich danke euch dennoch!

  • Das Thema ‘Zwei Spalten in einem Artikel’ ist für neue Antworten geschlossen.