Etape 1

Comment centrer une image sur une page Web

La première opération consiste à centrer l'image horizontalement.
Il y a deux solutions possibles : utiliser les balises CENTER
ou inclure l'image dans la cellule d'un tableau.

Voici le code HTML très simple pour les balises CENTER :

<CENTER>
<IMG SRC="Nom de l'image" WIDTH="Largeur de l'image" HEIGHT="Hauteur de l'image" BORDER=0>
</CENTER>

Voici le code HTML pour la cellule d'un tableau :

<TABLE CELLSPACING=0 CELLPADDING=0 BORDER=0 WIDTH=100%>
<TR>
<TD ALIGN=CENTER><IMG SRC="Nom de l'image" WIDTH="Largeur de l'image" HEIGHT="Hauteur de l'image" BORDER=0></TD>
</TR>
</TABLE>

Seconde étape : centrer l'image verticalement.
Gardons pour continuer la seconde solution vue précédemment.
Ici, il suffit d'inclure l'image dans la cellule d'un tableau occupant 100% de l'espace disponible en hauteur, ainsi que 100% de l'espace disponible en largeur.

Voici le code HTML pour la cellule d'un tableau :

<TABLE CELLSPACING=0 CELLPADDING=0 BORDER=0 WIDTH=100% HEIGHT=100%>
<TR>
<TD ALIGN=CENTER><IMG SRC="Nom de l'image" WIDTH="Largeur de l'image" HEIGHT="Hauteur de l'image" BORDER=0></TD>
</TR>
</TABLE>

The End