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)