Les tableaux utilisés pour l'affichage des images...
Comment ça marche ?
Avec ou sans cadre
L'affichage peut être fait avec ou sans encadrement. Le principe est identique aux tableaux contenant du texte. Le cadre est défini par "BORDER".Note : Les commentaires sont en rouges. Les "listings" sont en bleu
Les paramètre facultatifs sont en vert
Un premier tableau avec deux images :
 |  |
| |
Les lignes correspondantes :
<TABLE>
<TD><img src="ma1.gif"></TD><TD><img src="ma2.gif"></TD>
<TR>
<TD><img src="ma2.gif"></TD><TD><img src="ma1.gif"></TD>
<TABLE>
Comme vous pouvez le constater, cette présentation est dépourvue de cadre. Changeons !
| LES IMAGES | |
| |
| |
Le listing modifié :
<TABLE WIDTH=150 BORDER=2>
<TR>
<TD COLSPAN=2 align=center> LES IMAGES</TD>
<TR>
<TD><img src="ma1.gif"></TD><TD><img src="ma2.gif"></TD>
<TR>
<TD><img src="ma2.gif"></TD><TD><img src="ma1.gif"></TD>
<TABLE>
Rappel: L'encadrement du tableau est généré par BORDER= . Plus le chiffre est grand, plus le bord est gros. Comme on le constate, le titre est aligné au centre et il est en caractère "normal". Vous pouvez utiliser aussi la balise TH, comme précédement (cf.ARPW Tableaux). La balise TH centre et met en gras le contenu de la cellule.
| LES IMAGES | |
|---|---|
| |
| |
On peut alterner images et texte dans un tableau
| IMAGES | |
|---|---|
| La première image |
| La deuxième image | |
La seconde ne l'est pas.
Le listing est dessous.
<TABLE WIDTH=320 BORDER=2>
<TR>
<TH COLSPAN=2> IMAGES</TH>
<TR>
<TD ALIGN=CENTER><img src="ma1.gif"></TD><TD ALIGN=CENTER>La première image</TD>
<TR>
<TD>La deuxième image<</TD><TD>img src="ma2.gif"></TD>
<TABLE>
Un autre tableau :
| IMAGE | ||
|---|---|---|
| Nouvelle image | MAJ | Nom |
 | 08/05/99 | MA3.GIF |
Autre exemple :
| IMAGES | |||
|---|---|---|---|
| Images | MAJ | Images | MAJ |
| 01/04/99 | | 08/05/99 |
|  | 15/05/99 | |
utilisons
ROWSPAN et
BGCOLOR
<TABLE WIDTH=65% BORDER=4 BORDERCOLOR="BLACK" ALIGN=LEFT>
<TR>
<TH COLSPAN=4 BGCOLOR="WHITE">IMAGES</TH>
<TR>
<TD ALIGN=CENTER>Images </TD><TD ALIGN=CENTER>MAJ</TD><TD ALIGN=CENTER>Images</TD><TD ALIGN=CENTER>MAJ</TD>
<TR>
<TD BGCOLOR="CYAN"><img src="ma1.gif"></TD><TD ROWSPAN=2>01/04/99</TD><TD BGCOLOR="YELLOW"><img src="ma3.gif"></TD><TD>08/05/99</TD>
<TR>
<TD BGCOLOR="WHITE"><img src="ma2.gif"></TD BGCOLOR="BLUE"><TD><img src="img63.gif"></TD><TD>15/05/99</TD>
<TABLE>
Rappel : Ce qu'on peut mettre dans le balise <TABLE> :
<TABLE BGCOLOR, BORDERCOLOR, WIDTH=[xx],[xx%] BORDER=x CELLPADDING=x CELLSPACING=x >
Ce qu'on peut mettre dans le balise <TD> :
<TD BGCOLOR, WIDTH=[xx],[xx%] ALIGN=[center],[left],[right] COLSPAN=x ROWSPAN=x >
Ces exemples utilisent de petites images. Il est bien entendu possible de positionner des images de plus
grande dimension dans un grand tableau. On pourra si l'on désire, omettre la déclaration de la bordure
et insérer des cellules vides entre les images pour organiser une page.
