Hallo!
Ich habe folgenden Code:
<div>
blabla1</p>
blabla2</p>
blabla3</p>
.
.
.
blablaN</p>
</div>
Ich bekomme immer wieder zu lesen, dass die
nicht gerade sinnvoll sind, aber finde bisher immer noch keine Lösung, wie ich eine zweizeilige Einrückung oben und unten bezwecken kann mittels CSS. Obige Methode erzweckt ja auch kein einheitliches Layout (IE <-> Rest)
Kann mich da jemand helfen?
Gruß, methusa
versuchs mal mit padding-top / padding-bottom oder margin-top / margin-bottom.
<div style="padding-top:15px; padding-bottom:15px;"> text </div>
Ebenso kannst du noch für padding-left und padding-right Werte einsetzen.
Margin betrifft den äußeren Containerabstand, padding den Abstand des Containerinhaltes zum Containerrand.
Funktioniert irgendwie auch nicht.
Gebe Euch am besten eine URL:
http://www.gehoerlosen-afrikaprojekt.de/patenschaften.htm
CSS:
http://www.gehoerlosen-afrikaprojekt.de/style/style.css
Wenn ich beide
am Start entferne, sieht alles einheitlich aus, mit den
rückt die Überschrift jedoch beim FF zB tiefer als beim IE runter. Keinen Schimmer, weshalb.
Gruß
sorry, URL ist falsch. richtig wäre:
http://www.gehoerlosen-afrikaprojekt.de/web/patenschaften.htm
Für die drei kleinen Bilder und den dazugehörigen, umfließenden Text könntest du jeweils eine div-Klasse verwenden und diese dann mit einem entsprechenden margin-top-Wert versehen. In diesen div käme dann jeweils ein Bild mit dazugehörigem Text.
methusa,
ich würde keine weiteren container basteln.
CSS:
p { margin:1em; padding-top:20px; text-align: justify;}
auf der Seite:
[img]../img/photos/pat_lachender_bub_01.jpg[/img] Dein Text </p>
So hast Du einen Blocktext im Absatz und 20px Abstand zu jedem Absatz. Die Bilderformatierung bleibt unberührt.
Gruß yeti66 
Danke für den Tipp, yeti66, erreiche jetzt das gewünschte.
Gruß!