Text umfließt Bild rechts + Leerzeile

[Raucherkrebs]

Hallo Forum,

ich möchte auf der linken Seite eines Javascript Fensters Thumbnails zeigen und rechts davon beschreibenden Text. Dieser ist bis zu 10 Sätze lang umfließt also das Bild manchmal. Dann soll eine Leerzeile folgen und dann wieder das Bild mit Text, etc

<img class="imgLeft" src="1.jpg" /><p>blah blah blah</p>

<img class="imgLeft" src="2.jpg" /><p>blah blah blah</p>

<img class="imgLeft" src="3.jpg" /><p>blah blah blah</p>

Stylesheet:

imgLeft {
    float:left;
}

Wo muss nun das clear left hin? Ich habe doch keine Tags wo man es unterbringen könnte.

[Ingo Turski]

Hi,

Wo muss nun das clear left hin? Ich habe doch keine Tags wo man es unterbringen könnte.

Doch - und Du hast sogar schon eine Klasse, der Du außer clear auch noch margin zuweisen kannst.

freundliche Grüße
Ingo

[Raucherkrebs]

Doch - und Du hast sogar schon eine Klasse, der Du außer clear auch noch margin zuweisen kannst.

Und wo soll das sein? ich kann doch nicht ein float: left und dann clear: left in der gleichen Klasse unterbringen. Das hebt es doch wieder auf.

[Raucherkrebs]

Doch - und Du hast sogar schon eine Klasse, der Du außer clear auch noch margin zuweisen kannst.

Oder wäre das ein typischer Fall für eine Tabelle?

[Raucherkrebs]

Nun habe ich es zweispalting:

.imgLeft {
    clear: left;
    float: left;
    border-style: none;
    margin-right: 10px;
    margin-bottom: 30px;
}

Nur fängt der Text des zweiten Bildes schon direkt unter dem Text des ersten Bildes an, wenn der Text von Bild 1 nicht bis zum unteren Ende von Bild 1 reicht.

:(

[Ingo Turski]

Hi,

Nun habe ich es zweispalting:

.imgLeft {
    clear: left;
    float: left;

Du hast also erkannt, dass das geht; schön. ;-)

Nur fängt der Text des zweiten Bildes schon direkt unter dem Text des ersten Bildes an, wenn der Text von Bild 1 nicht bis zum unteren Ende von Bild 1 reicht.

Du kannst auch p ein gewünschtes margin zuweisen.

freundliche Grüße
Ingo

[Raucherkrebs]

Du kannst auch p ein gewünschtes margin zuweisen.

Also kommt eine schöne seperate Stylesheet Lösung nicht in Frage?
Muss ich wirklich jedem <p> ein anderes bottom-margin zuweisen?

[Ingo Turski]

Hi,

Also kommt eine schöne seperate Stylesheet Lösung nicht in Frage?
Muss ich wirklich jedem <p> ein anderes bottom-margin zuweisen?

Nö, wieso?
Wenn Du den Bildern und und den p ein gleiches margin zuweist, dann solltest Du damit den Mindestabstand zum nächsten oder vorherigen Element bestimmen können.

freundliche Grüße
Ingo

[Raucherkrebs]

Wenn Du den Bildern und und den p ein gleiches margin zuweist, dann solltest Du damit den Mindestabstand zum nächsten oder vorherigen Element bestimmen können.

Verstehe ich nicht. Kannst du mir mal ein Beispiel geben?

[Ingo Turski]

Hi,

Verstehe ich nicht. Kannst du mir mal ein Beispiel geben?

Probier doch einfach mal p {margin-bottom:30px} aus.

freundliche Grüße
Ingo