Bjr.

Je code un ptit tableau de scores (fond noir). Afin de créer l'illusion d'une seule image, j'ai crée :
- une image haut pour l'effet relief du haut.
- une image bas pour le même effet.
Entre les deux, ce sont des cellules de tableau standard avec dedans du texte ou des images insérées.

Mon problème :
1) Soit je mets tout mon tableau en fond noir , mais une bordure apparaît en noir autour de mes images.
2) Soit je mets chaque cellule en fond noir et là, il y a un espace blance entre chaque ligne ...

J'ai pas encore essayé en CSS. Avez vous des pistes interessantes pour mixer images et texte et donner l'effet d'une seule image ??

Merki !

Modif : J'ai réussi à corriger une partie du problème, mais il me reste ça :

et le code ici :


<TABLE BORDER='0' CELLSPACING='0' BGCOLOR='#FFFFFF' CELLPADING='0'  WIDTH='400' >
<TR ><br>
<TD WIDTH=400 colspan=3 align=center><img src='imag/top_scoreboard.gif' alt=''></TD></TR><TR BGCOLOR='#000000'><TD ROWSPAN='1' COLSPAN='3' WIDTH='400' bgcolor='#000000'>Tableau des scores</TD></TR><TR BGCOLOR='#000000'><TD WIDTH=400 colspan=3 align=center><HR WIDTH='45%' color='#FF0000'></TD></TR>

<TR BGCOLOR='#000000'><TD WIDTH=195 align=center>Paris</TD><TD WIDTH=80 align=center><img src='chiffres/chiffre_1.gif' alt='' width=12 height=15><img src='chiffres/chiffre_4.gif' alt='' width=12 height=15>:<img src='chiffres/chiffre_3.gif' alt='' width=12 height=15><img src='chiffres/chiffre_2.gif' alt='' width=12 height=15></TD><TD WIDTH=195 align=center>Martigues</TD></TR><TR BGCOLOR='#000000'><TD WIDTH=160 align=center><img src='chiffres/chiffre_1.gif' alt='' width=24 height=30><img src='chiffres/chiffre_2.gif' alt='' width=24 height=30></TD><TD WIDTH=80 align=center>Set 3</TD><TD WIDTH=160 align=center><img src='chiffres/chiffre_0.gif' alt='' width=24 height=30><img src='chiffres/chiffre_0.gif' alt='' width=24 height=30></TD></TR>

<TR BGCOLOR='#000000'><TD colspan=3 align=center><HR WIDTH='55%' color='#FF0000'></TD></TR>

<TR BGCOLOR='#000000'><TD WIDTH=160 align=right><img src='chiffres/chiffre_2.gif' alt='' width=12 height=15><img src='chiffres/chiffre_3.gif' alt='' width=12 height=15></TD><TD WIDTH=80 align=center>Set 1</TD><TD WIDTH=160 align=left><img src='chiffres/chiffre_2.gif' alt='' width=12 height=15><img src='chiffres/chiffre_2.gif' alt='' width=12 height=15></TD>
</TR>

<TR BGCOLOR='#000000'><TD WIDTH=160 align=right><img src='chiffres/chiffre_0.gif' alt='' width=12 height=15><img src='chiffres/chiffre_0.gif' alt='' width=12 height=15></TD><TD WIDTH=80 align=center>Set 2</TD><TD WIDTH=160 align=left><img src='chiffres/chiffre_0.gif' alt='' width=12 height=15><img src='chiffres/chiffre_0.gif' alt='' width=12 height=15></TD>
</TR>

<TR BGCOLOR='#000000'><TD WIDTH=160 align=right><img src='chiffres/chiffre_x.gif' alt='' width=12 height=15><img src='chiffres/chiffre_x.gif' alt='' width=12 height=15></TD><TD WIDTH=80 align=center>Set 3</TD><TD WIDTH=160 align=left><img src='chiffres/chiffre_x.gif' alt='' width=12 height=15><img src='chiffres/chiffre_x.gif' alt='' width=12 height=15></TD>
</TR>

<TR BGCOLOR='#000000'><TD WIDTH=160 align=right><img src='chiffres/chiffre_x.gif' alt='' width=12 height=15><img src='chiffres/chiffre_x.gif' alt='' width=12 height=15></TD><TD WIDTH=80 align=center>Set 4</TD><TD WIDTH=160 align=left><img src='chiffres/chiffre_x.gif' alt='' width=12 height=15><img src='chiffres/chiffre_x.gif' alt='' width=12 height=15></TD>
</TR>

<TR BGCOLOR='#000000'><TD WIDTH=160 align=right><img src='chiffres/chiffre_x.gif' alt='' width=12 height=15><img src='chiffres/chiffre_x.gif' alt='' width=12 height=15></TD><TD WIDTH=80 align=center>Set 5</TD><TD WIDTH=160 align=left><img src='chiffres/chiffre_x.gif' alt='' width=12 height=15><img src='chiffres/chiffre_x.gif' alt='' width=12 height=15></TD>
</TR>

<TR ><TD WIDTH=400 colspan=3 align=center><img src='imag/bottom_scoreboard.gif' alt=''></TD>
</TR></TABLE>

J'en ai mal aux yeux