Mettre des boutons sous la bannière de l'en-tête

Copier le code

<table width="100% height="auto">

<tbody>

<tr>

<td width="20%" align="center">

<div class="Bouton"><a style="color: #000000;" href="adresse du lien">titre1</a>

</div>

</td>

<td width="20%" align="center">

<div class="Bouton"><a style="color: #000000;" href="adresse du lien">titre2</a></div>

</td>

<td width="20%" align="center">

<div class="Bouton"> <a style="color: #000000;" href="adresse du lien">titre3</a></div>

</td>

<td width="20%" align="center">

<div class="Bouton"><a style="color: #000000;" href="adresse du lien">titre4</a></div>

</td>

<td width="20%" align="center">

<div class="Bouton"><a style="color: #000000;" href="adresse du lien">Livre d'Or</a>

</div>

</td>

</tr>

</tbody>

</table>

<style><!--/*----------------bouton menu header-----------*/

.Bouton

{background-image: url('https://ekladata.com/THE4vT9SNmgqgeXZBmpihKb1Jzg.png');margin:1% 2% ; background-repeat: no-repeat; background-position: center center; background-color: #; background-size: 100%;font-size: 22px;font-weight: bol;color: black;padding:4% 1% 15% 1%;text-align: center;}</style>

Puis coller le code 

A vous de modifier les zones en blanc 

le padding blanchi (6%) sert à centrer en hauteur le titre dans le bouton