27547 sujets

CSS et mise en forme, CSS3

Salut

Résumé : Mon image dans une cellule de tableau ne couvre pas toute la hauteur de la cellule : il reste une petite marge en bas. Que faire ?

https://codepen.io/kerlutinoec/pen/JjWMvZO

J'ai souhaité mettre un fond coloré au texte de droite et il dépassait à chaque fois de la hauteur de l'image à gauche.
J'ai fini par comprendre que l'image de gauche ne couvrait en fait pas toute la hauteur de la cellule (en mettant un autre fond coloré) :

Regardez en bas de l'image : le fond dépasse (bande bleue).

Pourquoi ? Comment éviter cela ?
J'ai l'impression que dès que je poste une question ici, je me met à chercher plus intensément la solution sur le web.
Bon j'ai résolu le problème avec un
vertical-align: bottom;
sur l'image.

Mais je ne comprends pas pourquoi ça a été nécessaire.


PS: j'ai déjà repéré un autre petit pb de mise en page avec mes tables à vous soumettre ; je vais me réfréner 24h avec de poser la question trop vite...
Modifié par kerlutinoec (01 Jun 2021 - 15:26)
Meilleure solution