automatische Skalierung von Bildern

Dazu brauchst du die Entwicklertools deines Browsers. Hier wird das anhand des Chrome Browsers erklärt: code.makery.ch/de/library/html-css/part4/
Diese Tools gibts aber in jedem Browser.

Spiel mal bissel damit rum, die sind wirklich super.
Und damit kannst dann auf deiner Seite das Bild anklicken und dann in der Hierarchie hochgehen bis du die Klasse gefunden hast die du brauchen kannst.

Die Tools benutze ich schon, nur die Anleitung hat mir gefehlt. Ich wusste nicht, dass ich nach "class" in der Hierarchie suchen muss. Nun ist alles super:

/* Anpassen aller Bilder in der Archivansicht */
.blog-items img {
max-width: 100%;
height: auto;
}

Hallo,

ich habe ein ähnliches Problem. Die Webseite unseres Kegelclubs hat bisher Allrounder 3 benutzt und läuft noch auf Joomla 3.10.
Nun habe ich auf einem Bastelserver die Seite auf Joomla 4 upgedatet und den Allronder 4 installiert.

Auf der alten Seite habe ich viele Beiträge mit Bildern unter der Verwendung von Float und festen Bildbreiten erstellt.
Das wurde auch in der mobilen Ansicht immer sehr schön dargestellt:

 

auf der neuen Installation wird aber alles untereinander dargestellt. Damit könnte ich ja leben,
aber leider "schlagen" die Beiträge irgendwie alle zur Seite aus.

 

Ich habe es schon, wie hier beschrieben, mit max witdh versucht, aber dann ist das Bild immer volle breite,
und dann siehts auf der Desktopansicht nicht mehr gut aus.

Gibt es eine Einstellung, in der man das Verhalten wieder so, wie in Allrounder 3 hinbekommt?

Vielen Dank und Viele Grüße
Holger
 

Dass es auf kleinen Bildschirmen alles untereinander kommt ist gewollt. Sonst wird alles zu klein.
Das sie nach rechts überhängen sollte aber nicht sein.
Ich geh davon aus dass das Bild mit dem "Mondo" eine fixe Breite hat welche grösser ist als die Fensterbreite. Dann wird der ganze Bereich entsprechend nach rechts grösser.
Versuch mal das Bild kleiner zu machen, oder mit prozentualen Breiten. Passt dann der Rest wieder?

Hallo Thomas,

Vielen Dank für die schnelle Antwort. Mit einer Prozentualen angabe "reißen" die Beiträg nicht mehr aus.
Aber irgendwie scheint die Aufteilung nicht mehr zu stimmen, wenn ich die Desktopansicht aufrufe.
Beispiel:
Ich habe die width hier auf 50% gesetzt:
 

Aber der Abstand zwischen Bild und Text ist viel zu weit.

Zum Vergleich die Joomla 3 Version:


oder mache ich im html was falsch?

Idealweise machst du das width mit CSS, nicht mit der Bildgrösse. Und das Div um das Bild ist eigentlich witzlos. Mach die CSS Regeln doch direkt auf das Bild.

Ich müsste eine URL der Seite haben um das genauer zu sagen was da schief läuft.