Titre: Dans tableau : image+texte
Posté par: stephnane le le 15-06-2006 a 11:34:29
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> |
Titre: Re:Dans tableau : image+texte
Posté par: KaRaK le le 20-06-2006 a 17:07:23
| Pour un code beaucoup plus concis utilise des styles css car là c'est illisible. |
Titre: Re:Dans tableau : image+texte
Posté par: DJolhan le le 20-06-2006 a 17:17:01
| :o J'en ai mal aux yeux :o |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|