Mehr Abstand zum Bild

Hallo Zusammen,

ich sitze schon seit Stunden vor einem Problem. Neben dem linksbündigen Bild soll Text stehen. Dieser schließt nun unmittelbar an das Bild an, zu sehen unter http://www.mandelsteine.org Es geht um das Bild in der Mitte.

Sieht irgendwie blöd aus. Wie bekomme ich mehr Abstand zum Bild? Ich möchte den Text nicht rechtsbündig oder zentral, sondern als Blocksatz haben.

Für das Schreiben nutze ich das Plugin Dean's FCKEditor For Wordpress.

Hat jemand eine Idee?

Vielen Dank!

Zitat von cebito

Gib deinem Bild ne Klasse... bildlinks, für die notierst du in der css

Code

.bildlinks{float:left;margin:0 1em 0.5em 0;}

oder welche Abstände du halt willst. das margin-left bei den p-tags lässt du weg.

Sorry, aber ich versteh nur Bahnhof. Wie vergeb ich die Klasse und wo genau? In der style.css? An welcher Stelle?
Oder in den Eigenschaften des Bildes selbst?...

Zitat von ViewPix

Sollen alle Bilder auf die gleiche Weise eingebunden werden?
Das heißt alle Bilder links? Falls ja dann folgendes in die CSS-Datei:

HTML

.entry-content img {float:left;margin:0 1em 0.5em 0;}

Das sollte dann funktionieren...

In die Style.css? Und an welche Stelle? Wenn diese nicht auf die gleiche Weise eingebunden werden sollen, kann man dann einfach hintereinander verschiedene Klassen bestimmen und diese dann in den Eigenschaften des jeweiligen Bildes zuordnen oder wie funktioniert das?

Zitat von Art of Pic

der css-Code ist bereits in deiner style.css vorhanden
siehe

Code

/* =Images
-------------------------------------------------------------- */


#content img {
    margin: 0;
    height: auto;
    max-width: 640px;
    width: auto;
}
#content .attachment img {
    max-width: 900px;
}
#content .alignleft,
#content img.alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
    margin-top: 4px;
}
#content .alignright,
#content img.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
    margin-bottom: 12px;
}

Alles anzeigen

dieser wird nur nicht umgesetzt, da die Bilder falsch eingefügt werden

laut Quellcode steht dein Bild in diesem Code

Code

<img width="200" vspace="50" hspace="50" height="300" border="10"[COLOR=Red] align="left"[/COLOR]

Fehler rot markiert
stehen müsste aber

Code

<img width="200" vspace="50" hspace="50" height="300" border="10" [COLOR=Red]class="alignleft"[/COLOR]

wie fügst du den die Bilder ein?

[COLOR=Red]Edit[/COLOR]: vielleicht liegt es ja an dem Plugin "Dean's FCKEditor", das du verwendest

Alles anzeigen

Ich habe in der FCK-Menüleiste einen Button "Bild einfügen". Darüber habe ich das eingefügt. In der Vorschau in meinem Dashboard sieht auch alles ganz anders aus.

Ich habe von dem Programmieren leider keine Ahnung. Deshalb nutze ich auch Wordpress, da das meiste wirklich einfach ist. Aber so ein "kleines" Problem dauert da manchmal ewig!

Habe das im Quelltext jetzt entsprechend abgeändert! Vielen lieben Dank! Allein hätte ich das nie hinbekommen!