Problème de rendu d'image en utilisant du CSS personnalisé

Soutien
1

Suite au sujet ci-dessous (j’aurais continué là-bas mais ce sujet est maintenant clos) :

Le rendu d’un fichier image stylisé avec CSS personnalisé semble présenter un petit bug — à savoir que la bordure noire solide de 1px sur le côté droit n’est pas affichée. Réduire l’image à 95 % résout le problème. Le CSS personnalisé est border : 1px solid black. L’aperçu de l’édition s’affiche correctement — mais la version en direct non. Un exemple peut être trouvé ici. Comme je l’ai dit, c’est un petit bug, mais qui mérite probablement d’être corrigé. Merci d’avance.

Je peux éviter ce problème en définissant également width : 98 %, mais je ne pense pas que je devrais avoir à le faire ? Des idées ?

3

Il semble qu’il suffise d’ajouter box-sizing pour que la largeur automatique prenne en compte la bordure.

.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 Ça marche. Une salve d’applaudissements !

5

@ admins : peut-être que le code de ce post pourrait être dûment modifié (ou est-ce contre les protocoles) :

6

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