Problema de renderizado de imágenes bajo CSS personalizado

Soporte
1

Continuando con el tema anterior (habría continuado allí, pero ese tema ahora está cerrado):

Parece que la representación de un archivo de imagen con estilo CSS personalizado tiene un pequeño error: el borde sólido negro de 1px del lado derecho no se muestra. Reducir la imagen al 95% soluciona el problema. El CSS personalizado es border : 1px solid black. La vista previa de edición se muestra correctamente, pero la versión en vivo no. Un ejemplo se puede encontrar aquí. Como dije, este es un error pequeño, pero probablemente valga la pena solucionarlo. Gracias de antemano.

Puedo evitar este problema estableciendo también width : 98%, pero ¿no creo que debería tener que hacerlo? ¿Alguna idea?

3

Parece que solo necesita box-sizing para que el ancho automático tenga en cuenta el borde.

.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 Eso funciona. ¡Un rápido aplauso!

5

@ administradores: ¿quizás el código de esta publicación podría modificarse debidamente (o eso va en contra de los protocolos)?

6

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