• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Bild soll Text überlappen, zugleich aber umflossen weren

flynaked

New member
Hallo Leute,
folgendes Problem:

Mein Text hat eine bestimmte Breite, die ich nicht verändern will, um ihn lesbar zu halten. Da rechts noch Platz ist, sollen eventuelle Bilder nach rechts "ausscheren", also den p-Tag überlappen.

Da meine Seite über ein CMS läuft, ist es aber notwendig, dass das Bild im Absatz platziert wird. Zugleich soll es aber etwas außerhalb des Absatzes platziert sein, also darüber hinaus hängen.

Mit absoluter Positionierung klappt das zwar, allerdings wird das Bild dann nicht mehr vom Text umflossen. Vorschläge?

Mein bisheriger Code:

Code:
div.joomla .article p img
{
 float: right; right: -50px;
 position: absolute;
}

Vielen Dank!
 
Code:
<p style="width: 200px; background-color: red;">
inhalt alösdkjf asjkjhg isjgj nsixfdjg nsiperjrrg nsidjn bsijrg nksdkjxf nvslijejg
<span style="width: 20px; margin-right: -10px; float: right; background-color: blue; height: 20px;">hh</span>
nxkljkvvbn asiprug nxlijjbn sifngf sklkjxf baiungrn xldjfjn slireg isljfd slijfjgn siljdf ngsklkjdfgn sldj</p>
 
Negatives margin hat funktioniert, klasse!!
Vielen Dank, jetzt muss mein Kunde nicht mehr selbst im Code rumpfuschen :)
 
Zurück
Oben