nicht angemeldet
Hallo!
Auf einer News-Seite möchte ich pro Artikel eine Box angezeigt bekommen, die den Text und ein kleines Bild enthält.
Das wollte ich so lösen:
Ich habe zuerst eine Klasse .newsblock definiert, die den Text und das Bild enthalten soll:
.newsblock
{
background-color: #242343;
}
Damit das Bild ganz links in der Box steht, habe ich es gefloatet:
img
{
float: left;
}
Der Quellcode dazu sieht so aus:
<div class="newsblock">
<img src="[...]" />
<p>Bla bla bla</p>
</div>
<div class="clearblock">
</div>
(Die Definition von der clearblock-Klasse enthält einfach nur "clear: both;", damit auch mehrere Boxen untereinander angezeigt werden können.
Mein Problem ist nun, dass das Bild hin und wieder größer ist als der Newsblock. Das Bild ragt dann nach unten hin aus dem Block heraus, was natürlich nicht besonders schön aussieht.
Was mache falsch? Kann mir jemand helfen? Vielen Dank im Voraus!