Bonjour,
Voici le html sur lequel j'avais un souci :
Le code css :
Mon souci : il y a un espace entre l'image et le figcaption. J'ai trouvé plusieurs solutions pour résoudre ce problème mais je n'arrive toujours pas à comprendre pourquoi on a un espace si on n'applique pas l'une de mes 4 solutions que vous pourrez tester sur le fiddle suivant : https://jsfiddle.net/jojaba/qrgny3ht
Merci d'avance pour vos explications expertes 
  
Modifié par jojaba (04 Jan 2016 - 20:12)
      
      
    Voici le html sur lequel j'avais un souci :
<figure>
  <img src="http://perso.jojaba.fr/xmedia/images/tesclearbox/donald-1.jpg" alt="Mon chat" />
  <figcaption>
    <dl>
      <dt>Titre du site</dt>
        <dd>Commande : Nom de la la personne</dd>
        <dd>Date : 4<sup>e</sup> trimestre 2015</dd>
        <dd>Description de la commande.</dd>
        <dd>URL :  http://www.trucmuche.com/</dd>
 
    </dl>
  </figcaption>
</figure>Le code css :
figure {
  margin: 5px auto;
  padding: 5px;
  width: 500px;
  border: #000 solid 1px
}
img {
  max-width: 100%;
}
figcaption {
  margin: 0;
  padding: 0;
  background: #F5F5F5;
}
dl {
  margin: 0;
  padding: 0;
  border: red dotted 1px;
}
dt {
  margin: 0;
  padding: 5px;
  color: blue;
  font-weight: bold;
}
dd {
  margin: 0;
  padding: 2px 0 0 20px;
  color: orangered;
}Mon souci : il y a un espace entre l'image et le figcaption. J'ai trouvé plusieurs solutions pour résoudre ce problème mais je n'arrive toujours pas à comprendre pourquoi on a un espace si on n'applique pas l'une de mes 4 solutions que vous pourrez tester sur le fiddle suivant : https://jsfiddle.net/jojaba/qrgny3ht
Merci d'avance pour vos explications expertes
 
  Modifié par jojaba (04 Jan 2016 - 20:12)