banner im Artikel mit Text umfliessen?

  • Hallo,

    ich bin neu hier und mit Wordpress, und stehe scheinbar mit der Suche auf Kriegsfuss ;-)
    Zumindest konnte ich hier nichts finden, das mich mit meinem Problem weiter bringt.
    Das verwendete Theme ist Salud Orange 1.0, falls das relevant ist.

    Ich möchte einen Amazon Partnerlink mit Bild für ein Produkt in einen Artikel einbauen links am Rand in den Text einbauen. Aber egal wie, ich schaffe es nicht, dass der Text das eingeblendete Bild umfliesst. Einzig eine Zeile ganz unten steht neben dem Bild / Affiliatedings.

    Auch Google hat mir noch keine Erleuchtung gebracht. Deswegen vermute ich, das ich das Problem nicht oder falsch verstehe.

    Auch habe ich mit Hilfe des PlugIn wpAds versucht, ob es mir damit gelingt. Aber auch hier das gleiche Bild, das verlinkte Bild wird nicht vom Text umflossen.

    Ich kenne mich mit CSS nicht wirklich gut aus, aber das was ich hier und mit Google über umfliessenden Text gefunden habe, scheint in der styles.css schon drinnen zu stehen (float).

    Jetzt bin ich echt ratlos. Kann mir hierbei bitte jemand helfen?

    • 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 nochmal,

    weiss hier wirklich niemand woran das liegen könnte? Oder waren meine Angaben zu dürftig? Ich sehen immer wieder Blogs wo das genau so ist wie ich es gerne hätte - Text neben dem Bild - aber bei mir sieht es aus als Wären das Bild (der Affiliatelink) auf einer Zeile ...

    Bitte gebt mir einen Tipp, wo ich nachsehen könnte.
    Vielen Dank im voraus!

  • Hab jetzt mal deinen Blog durchsucht, aber nirgends einen Amazon Partner-Link gefunden

    Nur die Links zu den Büchern

    Wo ist den dieser Artikel mit Bild?

    In der Regel geht das mit dem Bild mit Text umfließen mit "float:left;"

  • Hallo Art of Pic,
    ja diese Seite ist im Moment nur eine Testseite die ich nicht freigeschaltet habe. Dort will ich das testen bis das geht und erst dann in einen Artikel einfügen.
    Ich habe den Artikel nun vorübergehend freigeschalten.

    In der styles.css habe ich folgenden Code gefunden:


    Das sollte doch so passen, oder?
    In den Artikeln verwende ich nun ein PlugIn namens WPAds. Hier kann man einen Code an den Stellen einfügen, wo immer das gleiche Banner ect. auftauchen soll, z.B. <!--wpads#watzlawickwirklichkeit-->
    Genau so ist es auch auf der "Bücher" Seite gemacht, dort aber mit einer Tabelle.

  • nun das ist ja kein Bild sondern ein "iframe"

    füge mal dies in die style.css

    Code
    iframe {
        float: left;
        margin-right: 15px;
    }

    Einmal editiert, zuletzt von Tutrix (18. Januar 2011 um 22:33)

  • Hi Art of Pic,
    wusst ichs doch, ich seh den Wald vor lauter Bäumen nicht!
    Super, das war es! :-)
    Hm, war mir sicher das mit einem Bild auch getestet zu haben. Jetzt bin ich mir da gar nicht mehr so sicher ... ;-) Warum habe ich nicht nach "iframe" gesucht, ich Depp?

    Herzlichsten Dank!

  • du kannst das auch mal testweise rechts ausrichten

    also

    Code
    iframe {
        float: right;
        margin-left: 15px;
    }

    sieht vielleicht besser aus......

  • Testseite gelöscht - Artikel upgesatet - Klappt

    Hi, will ja nicht unverschämt erscheinen, aber gäbe es eine Möglichkeit das auch gezielt wahlweise mal links und mal rechts zu machen?
    Und ja, wahrscheinlich ist es rechts schöner. Werde das mal ändern.
    Die Testseite ist nun wieder weg. Anstatt dessen habe ich das nun in einen echten Artikel eingefügt:
    http://dereinst.at/2011/01/16/ver…enz-des-lebens/
    Klappt hervorragend. :-D

    Danke nochmals!

  • Hi, will ja nicht unverschämt erscheinen, aber gäbe es eine Möglichkeit das auch gezielt wahlweise mal links und mal rechts zu machen?


    ja das geht auch

    wie sieht den der Code vom Amazon aus?
    kannst du den iframe bearbeiten, also hier

    Code
    <iframe scrolling="no" frameborder="0" marginheight="0" marginwidth="0" style="width: 120px; height: 240px;"

    eine "class" hinzufügen?

    Du hast aber noch ein Problem, die Frames werden von Adblock gefiltert/ausgeblendet.
    Entweder liegt das an dem Plugin "wp[COLOR=Red]Ads[/COLOR]" oder die Frames selbst sind im Filter eingetragen.

    ach ja, wenn du in der style.css dem Code noch ein

    Code
    margin-bottom: 10px;

    hinzufügst, klebt der Text unten nicht direkt am Frame

    Einmal editiert, zuletzt von Tutrix (19. Januar 2011 um 06:56)

  • Hi, ja grundsätzlich könnte ich den Code von Amazon bearbeiten, habe ich auch schon gemacht. Bloß steige ich da noch nicht ganz dahinter, was der wo genau macht. Ich habe mir schon alle drei möglichen Varianten angesehen und die Unterschiede sind erstaunlich marginal, ob Bild und Text (mit Preis), nur Bild oder nur Text (Textlink). Setzt man egal bei welcher Variante iframe Tags, kommt immer Bild plus Text (Preis) raus.
    Ich selbst habe Adblocker noch nicht installiert, weswegen mir das gar nicht aufgefallen wäre. Danke!
    Ich überlege nur, ob ich nicht die iframe Variante belasse. Wer keine Werbung sehen will, wird dann wenigstens nicht "überfahren", wenn ich das Bild so hinknalle und herkömmlich verlinke. Soll ja eher ein Hinweis sein. Ich mache keine Streuwerbung, der empfohlene Artikel soll immer Bezug und/oder Vertiefung zum Thema haben.
    Allerdings ist auch das Thema Werbung noch Neuland für mich ;-)

  • Darf ich mich hier mal dranhängen? Ich habe auf meiner Homepage http://www.osnapicture.de ganz rechts auch ein Text-Widget mit einem Amazon-Code eingebaut.

    Dies ist der Code:

    PHP
    <a href="http://www.amazon.de/gp/product/3453602188/ref=as_li_tf_il?ie=UTF8&tag=diehomepag088-21&linkCode=as2&camp=1638&creative=6742&creativeASIN=3453602188"><img border="0" src="http://ws.assoc-amazon.de/widgets/q?_encoding=UTF8&Format=_SL160_&ASIN=3453602188&MarketPlace=DE&ID=AsinImage&WS=1&tag=diehomepag088-21&ServiceVersion=20070822" ></a><img src="http://www.assoc-amazon.de/e/ir?t=diehomepag088-21&l=as2&o=3&a=3453602188" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />

    Ich hätte jetzt rechts daneben auch gerne einen umfließenden Text. Was muss ich dafür tun?

Jetzt mitmachen!

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