Text um Grafik mit eigenem Text in der Nähe fließen lassen
Michi
- css
0 Matthias Apsel
0 Michi
Hallo, gibt es eine simple Möglichkeit, Fließtext auch um eine Grafik mit einem dazugehörigen Text drunter fließen zu lassen?
Momentan verwende ich als Ansatz, damit Text mit bisschen Abstand um die Grafik fließt:
HTML:
.textUmGrafikRechtsOben
{
padding-left: 20px;
padding-bottom: 10px;
}
CSS:
<img src="..." class="textUmGrafikRechtsOben" align="right" alt="">
Nun soll unter dieser Grafik noch ein kleiner Text stehen und der übrige Text um die Grafik mit dem Text fließen (ohne, dass der Text in die Grafik aufgenommen wird ;) ).
Für Text, der um eine Grafik fließen soll, hab ich zahlreiche Beispiele gefunden, keines aber für Text, der um eine Grafik mit Text fließen soll.
(Versuche wie, um die Grafik und den dazugehörigen Text einen div-Container zu schachteln, und diesem Container die Formatierung der Grafik zu verpassen etc. liefern jedenfalls nicht annähernd das gewünschte Ergebnis in der Ausrichtung.)
Gruß vom Michi
Om nah hoo pez nyeetz, Michi!
HTML
<figure>
<img …>
<figcaption>Denn der Text soll bestimmt die Grafik beschreiben</figcaption>
<figure>
CSS
figure {
float: left;
}
Matthias
Nach etwas Hin- und Herbasteln wird es nun damit in den gängigen Browsern dargestellt wie gewünscht, danke! ;)
Om nah hoo pez nyeetz, Michi!
HTML
<figure>
<img …>
<figcaption>Denn der Text soll bestimmt die Grafik beschreiben</figcaption>
<figure>
>
> CSS
> ~~~css
figure {
> float: left;
> }
Matthias