coucouu !
Tiens voilà le code, j'espère que c'est ça
------- HTML
Code :
- <link href="css.css" rel="stylesheet">
- <meta charset="UTF-8"/>
- <center><table>
- <tr>
- <td>
- <img alt="" height="150" src="01.jpg" width="100"/>
- <p class="legende">Ceci est une légende !</p>
- </td>
- <td>
- <img alt="" height="150" src="01.jpg" width="100"/>
- <p class="legende">Ceci est une légende !</p>
- </td>
- <td>
- <img alt="" height="150" src="01.jpg" width="100"/>
- <p class="legende">Ceci est une légende !</p>
- </td>
- <td>
- <img alt="" height="150" src="01.jpg" width="100"/>
- <p class="legende">Ceci est une légende !</p>
- </td>
- </tr>
- </table></center>
|
------- CSS
Code :
- table td {
- padding: 10px 20px;
- } table td img {
- display: inline;
- padding: 0;
- margin: 0;
- } table td p.legende {
- margin: 0;
- padding: 3px 1px;
- background-color: rgba(0,0,0,0.2);
- font-family: Arial, sans-serif;
- width: 100;
- }
|
Si tu veux centrer le texte, tu ajoutes "text-align:center;" dans "table td p.legende".
Voilà ! Bonne chance
Message édité par vodkadream le 09-12-2015 à 12:16:13