28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,
J'ai une sorte de contour autour d'une image, ou plutôt une sorte de bordure du bloc dans lequel se trouve l'image. Je ne sais pas d'où ça peut venir.
Voici le codepen :
https://codepen.io/herde2/pen/gOjjmmL
en supprimant figure/figcaption, seul les"marges" hautes et basses restent Smiley decu
Merci pour votre aide et bon dimanche Smiley smile
Modifié par PLGPPUR (29 Jan 2023 - 16:12)
salut

figure {
  position: relative;
  display: inline-block;
  overflow: hidden;
margin: 0;
}

Modifié par drphilgood (29 Jan 2023 - 18:14)
Administrateur
Hello,

Ce sont les marges naturelles sur l'élément <figure>, il suffit de les mettre à zéro.

Bonne soirée Smiley cligne
MEA CULPA, il me semblait bien que le codepen était devenu irréprochable grâce à Alsa Smiley smile
Mais d'où peut venir cette bordure en bas ? Une idée ?
Merci _laurent Smiley cligne
Modérateur
Sans le code c'est difficile. Je mets une pièce sur un line-height:0; à l'aveuglette
Meilleure solution
Bonjour à tous,
Petite question, je n'arrive pas à centrer l'image ce cet exemple (en hauteur et largeur) quand le width est, par exemple, à 150%. L'image est calée sur la gauche Smiley hum le centre est donc à l'extreme droite
Je ne sais pas ce que je peux vous envoyer comme code, mais je pense avoir tout essayé.
Une idée ?
Merci et bonne journée,
P.