Bildwiedergabeproblem unter benutzerdefiniertem CSS

Unterstützung
1

Aufbauend auf dem untenstehenden Thema (ich hätte dort fortgesetzt, aber das Thema ist jetzt geschlossen):

Das Rendering einer benutzerdefinierten CSS-stilisierten Bilddatei scheint einen kleinen Fehler zu haben – nämlich, dass der 1 Pixel breite schwarze durchgezogene Rand auf der rechten Seite nicht angezeigt wird. Das Verkleinern des Bildes auf 95 % behebt das Problem. Das benutzerdefinierte CSS lautet border : 1px solid black. Die Bearbeitungsvorschau wird korrekt gerendert – aber die Live-Version nicht. Ein Beispiel finden Sie hier. Wie ich sagte, ist dies ein kleiner Fehler, der aber wahrscheinlich behoben werden sollte. Vielen Dank im Voraus.

Ich kann dieses Problem vermeiden, indem ich auch width : 98% setze, aber ich glaube nicht, dass ich das tun müsste? Gedanken dazu?

3

Sieht so aus, als müsste nur box-sizing eingestellt werden, damit die automatische Breite die Border berücksichtigt.

.cooked img:not(.thumbnail, .ytp-thumbnail-image, .emoji), .d-editor-preview img:not(.thumbnail, .ytp-thumbnail-image, .emoji) {
  border: 1px solid #000;
  box-sizing: border-box;
}
4

@Alteras Das funktioniert. Ein kurzer Applaus!

5

@ Admins: Könnte der Code in diesem Beitrag möglicherweise ordnungsgemäß geändert werden (oder verstößt das gegen Protokolle):

6

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.