Bild dem Textblock anpassen

[scherenschlag]

Moin.
Ich würde gerne ein Bild in einen Textblock einfügen.

Das sollte rechts, links und unten in den Rahmen passen.
Wie auf dem Beispiel.
An welcher CSS Schraube muss ich drehen, dass ich das exakt hinbekomme?
Hier der Link zu Original:
https://www.gaststaette-zur-sonne.de/

Gruß
scherenschlag

[Tommy Herrmann]

Hallo Thomas,

gucke mal hier:

https://mobirise-tutorials.com/LawyerM4 ... rticle6-48

Mobirise selbst hat das so nicht vorgesehen.

Gucke es Dir mal auf meiner Seite an und frage bei Bedarf.

Ich bin aber für heute hier weg...

[Martin73]

Hallo Thomas,

Du setzt dein Bild unmittelbar vor das Ende Deines Text-DIV

Code: Alles auswählen

<div class="text-wrap">
  <p> hier stehen Texte </p>
  <img src="https://www.gaststaette-zur-sonne.de/assets/images/stadion.jpg" alt="Bild Stadion" title=" ">
</div>

im CSS:

Code: Alles auswählen

img {
  width: 100%;
  padding: 0px;
}

Evtl. musst Du noch das untere Padding Deines Text-DIV's ausschalten:

.text-wrap {
background-color: #767676;
opacity: 0.8;
padding: 3rem 6rem 0rem 6rem;
border-width: 5px;
border-style: solid;
border-color: white;
}

[scherenschlag]

Moin.

Martin. Dein Tipp hat wunderbar hingehauen.
Ich habe das Padding ganz gelöscht und nun schließt das Bild astrein
mit der Box ab. Bisher nur auf einer Testseite.
Demnächst auch auf der richtigen Seite.
Danke.

Gruß
Thomas