Automatische Größenanpassung von verlinkten Grafiken

Hi Wolfgang,

also auf Deinem Portal erscheinen bei mir alle Bilder in genau 160px gemäß ElementCheck in der Dev-Console. Falls es da Probleme gibt kann das nur im Zusammenspiel mit dem veralteten, nicht mehr genutzten, HTML kommen, welches Du immer mal gerne hier und da verwendest. Das kann sich dann gerade mit Responsive-Verhalten beißen, weshalb das auch seit 2007/2008 rum nicht mehr valide oder mindestens als "deprecated" markiert ist. Beispielsweise wäre ein hspace=10 mit dem CF4 Themekit eher ein class="uk-margin-small-right" bzw. generell dann eher ein style="margin-right:10px;"

Wenn auch ein width:160px; bzw. max-width:160px; im style=""-Tag (als Zusatz) nicht hilft, würde ich mal prüfen, ob da noch etwas anderes auf der Seite sich drauf auswirkt oder irgendwo nochmal (hatten wir glaube ich ja mal bei Dir mit der Fettschrift) ein nicht geschlossener HTML Code von einer Veränderung noch stört. Ein Holzhammer wäre ein style="max-width:160px !important;", das hebelt Dir normal alles andere in der Breite aus. Wichtig: Wenn Du mehrere CSS Attribute als style="" hinzufügst bitte alles innerhalb von einem style="" tag machen und mit Strichpunkten trennen. Beispiel: style="width:160px;max-width:160px !important;">


Mit dem Bearbeiten kann ich gerne mal schauen. Das wäre dann allerdings nur die Bearbeitung für den HTML Code der Ersetzung, der gesetzte Tag kann wegen der Beitrags-Verarbeitung nur gelöscht werden, sonst hakelt sich das mit eventuell bereits verarbeiteten Beiträgen.

LG,
Chris



PS:
Vielleicht zum Abschluss noch ein kleines Secret.
Der Native IMG BBCode vom CF4 kann auch die Größe von Grafiken beschränken, was insbesondere bei HiDPI Monitoren praktisch sein kann. Sieht dann so aus:




also einfach hinter den Bildlink eine Pipe (|) setzen und die folgende Zahl ist die maximalbreite, die das Bild haben darf.
Kleiner ist immer erlaubt wegen Responsive, falls der Platz nicht reicht.



also das Originalbild wäre dann zum Beispiel:


während:

genau das selbe Bild auf maximal 100px zeigt:




Das ganze funktioniert auch mit den Umlauf-Bildcodes imgl und imgr


Falls Du ein Bild mal neben dem Text positionieren möchtest. Abschließen tust Du das dann mit dem BBCode linereset (in Eckigen Klammern)


Dieser Abschnitt sah also so aus:




Also vielleicht brauchst Du für Dein Vorhaben ja nicht mal eigene BBCodes und kannst das mit den Hauseigenen schon erledigen.

Hallo Wolfgang,

super, dann freue ich mich ja, dass ich Dir noch einen hilfreichen Zusatztipp dalassen konnte.

Viele Grüße,
Chris

Hallo Wolfgang,

aber immer gerne doch mit den Tipps!

Zu Deiner Erweiterung gibt es auch nichts zu meckern.
Und genau: der hspace wirkt sich horizontal immer auf beiden Seiten aus. Mit margin-left / margin-right hast Du dann doch mehr Flexibilität.

Viele Grüße,
Chris