Fotos werden auf kleinen Bildschirmen abgeschnitten

[Katjabrauchthilfe]

Hallo in die Runde,

wir sind kurz vor der Einweihungsparty, da tauchte heute doch noch ein Fehler auf. Wenn man einen reinen Textbeitrag mit einem Tablet oder noch kleinerem Bildschirm aufruft, wird alles korrekt angezeigt. Aber wenn in den Beitrag ein Foto eingebunden ist, dann wird dieses auf den kleinen Bildschirmen abgeschnitten.

Wer selbst testen mag hier eine Beispielseite:http://www.lichtografien.de/forum/viewt ... ?f=27&t=75

Wir nutzen:

- das Komplettpaket 3.0.12 von hier
- Style ist lucidlime, basiert auf Prosilver: http://demo.phpbb3styles.net/Lucid+Lime
- Tapatalk Mod ist installiert

Ich hab testweise mal für das Forum prosilver aktiviert, da passiert das auch. Wir haben unter Einstellungen als maximale Fotogröße 1200 Prixel angegeben, die gezeigten Bilder aus dem Beispiel oben haben 1024 Pixel.

Und jetzt hoffe ich ganz stark, das ich irgendwo nur irgendeine Kleinigkeit im Code ändern muss und das ihr wißt was und wo *aufholzklopf*

Alles lief so gut - auch dank euch hier....und ich wollte morgen stolz unser Forum hier im Smalltalk mit einem dicken Danke und einer einladung präsentierten, da kommt jetzt noch sowas *gnaganga*

Liebe Grüße

Katja

[PatrickS3]

Hallo Katja,
das sind extern eingebundene Bilder, richtig? Da ist das bei mir auch so.

Mit Bildern, die mittels Dateianhang eingebunden werden habe ich das dagegen nicht, die werden skaliert bis zu 400px hinunter.

Das ist jetzt keine echte Hilfe, aber DU bist zumindest nicht alleine.

Patrick

[Crizzo]

Schau mal nach:

Responsive
Image
Max-width: 100%

Die Stichwörter sollten dir die Lösung bringen.

[Katjabrauchthilfe]

Das ist jetzt keine echte Hilfe, aber DU bist zumindest nicht alleine.

vielleicht wird dir dann ja hier auch gleich geholfen

Schau mal nach:

Responsive
Image
Max-width: 100%

Die Stichwörter sollten dir die Lösung bringen.

Ich habe gestern in verschiedene Dateien beim Template des Styles reingeguckt, aber es sind so viele. Kannst du mir bitte, bitte noch ein Stichwort sagen, nach welcher Datei ich schauen soll? Das mit dem image max.width verstehe ich und ich vermute ich muss die 100 % gegen auto austauschen?

Liebe Grüße

Katja

[Crizzo]

Öffne: styles/<deinstylename>/theme/content.css
Ergänze ganz unten in einer neuen Zeile:

Code: Alles auswählen

.content img {
max-width: 100% !important; 
}

Dabei beachten KB:dateiedit , KB:tippstyles und den Browser-Cache natürlich auch leeren.

Wenn das nicht klappt, brauche ich mal einen Link zu deinem Beitrag, wo das Bild aus dem Forum "hängt".

Grüße

[Katjabrauchthilfe]

Es funktioniert!!! *juchu*

sorry Black Hawk, aber ich muss dich jetzt [ externes Bild ]

Ihr kennt das bestimmt...wochenlang fieberhaft geackert....Klippen umschifft....mit tatkräftiger Hilfe wie eurer so einiges gelernt und verstanden und umgesetzt....und dann..quasi auf den letzten Metern....wenn man selbst eh schon weniger Puste hat, dann sowas....hach, ich bin gerade richtig erleichtert!!!

Vielen, vielen Dank!

Liebe Grüße

Katja

[PatrickS3]

Auch von mir recht herzlichen Dank.