Document ID: /fineweb-2-swissfilter-quality_10-filterrobots/filtered/03467.jsonl.gz/2545

Hallo Zusammen
Ich mache für einen Kollegen ein Responses Design. Nun möchte er aber alles selber bearbeiten können, zb. neue Bilder einfügen. Das Problem ist nicht das einfügen der neuen Bilder, sondern, dass diese sich dann nicht mehr an der Bildschirmgrösse anpassen. Weil es sich durch das einfügen nicht in den Code den ich im Quelltext geschrieben habe integriert...
Hier mal ein bespiel:
Dies steht jetzt im Editor im Quelltext:
<div class="box_content_MA">
<div class="box1">
<div class="mitarbeiter"><img class="img_mitarbeiter" src="images/muster" alt="muster" /></div>
</div>
</div>
Dieses Bild wird jetzt mittels css klasse so angepasst, dass wenn der Bildschirm kleiner wird, sich auch das Bild verkleinert.
Nur dem Kollegen möchte ich nicht zumuten, dass er im Quelltext rumbasteln muss, zumal er gar keine Ahnung davon hat. Wie kann ich es also anstellen, dass er einfach ein Bild einfügen kann und es sich im Code direkt integriert? geht das überhaupt oder müsste ich das auf ein anderes Programm wechseln?
Vielen Dank euch!
Hallo Jossi
Willkommen im Forum!
Durch die class .box_content_MA und .box1 und .mitarbeiter übergibt man CSS an die Bilder. Fürs responsiv ist dies meist:
max-width: 100%;
height: auto;
Nun muss man dieses CSS direkt dem img-tag geben, dann braucht es dieses HTML-Konstrukt nicht mehr.
also
img {
bla bla
}
Darf dieses CSS nur auf gewissen Seiten gelten, dann muss man den Seiten (im Menüeintrag unter Seitenklasse zu definieren) eine Seitenklasse geben und diese ins CSS integrieren.