Leerzeilen zwischen Bildern

Moin zusammen,

wenn ich innerhalb eines Textes Bilder veröffentliche und ich stelle zwei oder mehr Bilder nacheinander folgend ein, so ist es mir unmöglich, zwischen die Bilder Freiraum zu bekommen. WP klebt die Bilder direkt untereinander, was aber bescheiden aussieht. Auch wenn ich im Editor Leerzeilen zwischen die Bilder setze, so erscheinen sie nach dem Veröffentlichen immer wieder aneinandergeklebt und beim Wiederaufruf des Editors sind die Leerzeilen auch verschwunden.

In den Optionen kann man einstellen, ob WP HTML - Fehler korrigieren soll. Selbst wenn man diese Funktion ausschaltet, so werden Leerzeilen zwischen Bildern dennoch entfernt. Wie kann ich das verändern, so daß die Bilder mit etwas Abstand zueinander veröffentlicht werden ?

Zur Veranschaulichung geht mal auf die folgende Seite, da seht Ihr dann, was ich meine.

http://www.tour-blog.de/?p=91#more-91

Bilder, zwischen denen Text steht, sehen noch halbwegs gut aus, aber sobald Bilder direkt nacheinander kommen finde ich das nicht schön.

Ganz herzlichen Dank für Eure Tips

Markus

Füge ich das "margin-top: 10px" direkt hinter das "...center" noch innerhalb der spitzen Klammer ein ?

Gibt es keine Lösung, die automatisch einfach immer funktioniert ?

Laaangsam, bin doch Anfänger. Jetzt noch mal für mich zum verstehen:

Zitat: "Doch, du kannst in deine style.css so etwas schreiben wie z.B.

Code:
[LEFT]img { margin-bottom: 20px; }[/LEFT]


das macht dann unter alles, was mit "img" aufgerufen wird, einen Abstand nach unten. Ich würde allen Bildern, die den Abstand haben sollen, eine "class" zuordnen und die dann in der style.css entsprechend definieren."

Wenn ich ein Bild einbaue, dann entsteht ja folgender Text im HTML:

<div style="text-align: center"><img alt="Sabine als Fan" title="Sabine als Fan" src="http://www.tour-blog.de/wp-content/upl…m-superlive.jpg" /></div>

Damit wird das Bild doch mit "img" aufgerufen, oder ? Wo in der style.css muß ich diese Zeile einfügen und warum soll ich noch eine "class" zuordnen, was ist das, wo mach man das und überhaupt ?

Danke für die Geduld !

Habe etwas herumgepröbelt und herausgefunden, daß ich die Zeile nach

/* Begin Structure */

einfügen muß. Das klappt auch sehr schön. Danke !

Aber vielleicht kannst Du mir ja trotzdem noch erklären, was es mit den classes auf sich hat -- ich will ja nicht dumm sterben :-) Noch mal Danke !

Danke für den ausführlichen Tip.

Das mit dem margin = 1px hatte ich tatsächlich so eingesetzt, weil mir aufgefallen war, daß die Smileys eben auch den Rand bekommen und so sah es noch am besten aus. Ob ich das mit dem style noch einbauen werde muß ich mir noch mal überlegen. Das hieße nämlich, daß ich bei jedem Bild von Hand den HTML - Text ändern müßte. Ich glaube, da bin ich erst mal zu faul zu..... mal seh'n.

Herzlichen Gruß