Probleme mit dem Image-alignment

  • Hi,
    ich habe mir kürzlich ein Theme gebastelt und wollte nun einen Artikel veröffentlichen in dem der Text um ein Bild fließt. Im Dashboard lässt es sich grafisch so einrichten, wie ich das will, sieht dann aber im veröffentlichten Artikel nicht so aus.
    Ich habe gelesen, dass ich alignright, alignleft usw. in mein stylesheet einfügen muss. Habe das auch getan ohne den gewünschten Erfolg:

    So habe ich versucht die Funktionen im html-code des Artikels anzusprechen:

    Zitat

    [caption id="attachment_20" width="240" caption="Eine andere Perspektive"]<img class="size-full wp-image-20 alignright" title="We The Sparrows" src="http://spatz.kilu.de/wordpress/wp-c…af35ee60f_m.jpg" alt="Eine andere Perspektive" width="240" height="180" />Foto:<a href="http://www.flickr.com/photos/ildalina/391473912/">Ildalina</a> <a href="”http://"><img src="”http://" alt="”CC-by-sa" width="80" height="15" /></a>[/caption]<p style="text-align: justify;">Wir freuen uns, euch mitteilen zu können, dass hier in Kürze.....

    Ich bin nicht besonders sicher auf dem CSS-Gebiet und würde mich freuen, wenn ihr mir helfen könntet.

    Boarem

    edit: ich nutze die WP 2.8

    • 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

  • Ich bin nicht besonders sicher auf dem CSS-Gebiet und würde mich freuen, wenn ihr mir helfen könntet.

    Und wo ist der Link zum Blog?

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • sag mal, wie kommt der DIV mit einer festen Breite von 250px da rein?

    Code
    <div style="width: 250px;" class="wp-caption alignnone" id="attachment_20">

    Kein Wunder dass das nicht funktioniert. Wenn der Container nur 250px breit ist, passt natürlich kein Text mehr neben das Bild.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Danke für den Hinweis. Jetzt geht es. Der <div> wurde von WP angelegt, als ich das Bild eingefügt habe und hat noch die Bildunterschrift aufgenommen. Leider erscheint sie ohne den Container jetzt nicht mehr unter dem Bild.
    Das eigentliche Probleme ist aber gelöst :)

  • ahh okay, wenn der div bleiben soll (wg. caption), dann musst du diesem aber das alignright mitgeben:

    Code
    <div style="width: 250px;" class="wp-caption [COLOR=Red]alignright[/COLOR]" id="attachment_20">

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • so, jetzt habe ichs doch noch irgendwie gepackt. kann zwar nicht sagen, wie, aber der Quelltext beinhaltet auf jeden Fall deinen letzten Hinweis.
    Danke maxe

Jetzt mitmachen!

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