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.
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:
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