Seite 1 von 1

Bild dem Textblock anpassen

Verfasst: Mo 15. Feb 2021, 17:22
von scherenschlag
Moin.
Ich würde gerne ein Bild in einen Textblock einfügen.
sonnebild.jpg
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

Re: Bild dem Textblock anpassen

Verfasst: Mo 15. Feb 2021, 18:07
von 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...

Re: Bild dem Textblock anpassen

Verfasst: Mo 15. Feb 2021, 19:46
von 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;
}

Re: Bild dem Textblock anpassen

Verfasst: Di 16. Feb 2021, 10:47
von 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