tableau qui me fait n'importe quoi

9 janvier 2006 à 12:26:31

j'ai le tableau suivant qui me fait une erreur de graphisme et je trouve pas pourquoi si quelqu'un veut bien maider a corriger mon erreur ?

<html>
<head>
<title>SavGest</title>
<link href='Style.css' rel='stylesheet' type='text/css'>
</head><body>

<TABLE cellpadding='0' cellspacing='0' border='0' width='100%'>
<TR><TD class='SupG' width='9'>   </TD>
   <TD class='Hori'></TD>
   <TD class='CroixSup2' width='9'>   </TD>
   <TD class='Hori'></TD>
   <TD class='CroixSup2' width='9'>   </TD>
   <TD class='Hori'></TD>
   <TD class='CroixSup2' width='9'>   </TD>
   <TD class='Hori'></TD>
   <TD class='CroixSup2' width='9'>   </TD>
   <TD class='Hori'></TD>
   <TD class='SupD' width='9'>   </TD>
   </TR>
<TR><TD class='Verti'></TD>
   <TD class='Titre' align='center'><a href='Menu2.php?SPage=1'>Lien1</a></TD>
   <TD class='Verti2'></TD>
   <TD class='Titre' align='center'><a href='Menu2.php?SPage=2'>Lien2</a></TD>
   <TD class='Verti2'></TD>
   <TD class='Titre' align='center'><a href='Menu2.php?Page=3'>Lien3</a></TD>
   <TD class='Verti2'></TD>
   <TD class='Titre' align='center'><a href='Menu2.php?SPage=4'>Lien4</a></TD>
   <TD class='Verti2'></TD>
   <TD class='Titre' align='center'><a href='Menu2.php?SPage=5'>Lien5</a></TD>
   <TD class='Verti'></TD>
   </TR>

<TR><TD class='verti'>   </TD>
   <TD colspan='9'>1111111111111111111111111111111111111111111111111111111</TD>
   <TD class='Verti'>   </TD>
   </TR>";

<TR><TD class='InfG'>   </TD>
   <TD colspan='9' class='Hori'></TD>
   <TD class='InfD'>   </TD>
   </TR>
</TABLE></body><html>

zeunyton

9 janvier 2006 à 12:37:04

J'ai beau recercher aprés des erreurs je n'en vois pas, sais tu afficher ton code css est mettre un liens vers ta page pour voir le malaise que ton tableau fait.

syteoky

9 janvier 2006 à 12:45:18

voila les quelques lignes de mon fichier css

.SupG {color:black; height:16px; width:9px; background-image:url(design/SupG.gif);}
.Hori {color:#FEEA64; height:16px; background-image:url(design/Hori.gif);}
.Verti {height:16px; font-familly:arial; background-image:url(design/Verti.gif);}
.Verti2 {height:16px; font-familly:arial; background-image:url(design/Verti2.gif);}
.SupD {color:black; height:16px; width:9px; background-image:url(design/SupD.gif);}
.InfG {color:white; height:8px; width: 9px; background-image:url(design/InfG.gif);}
.InfD {color:white; height:8px; width: 9px; background-image:url(design/InfD.gif);}
.Croix {color:white; height:16px; width: 9px; background-image:url(design/Croix.gif);}
.CroixSup {color:white; height:16px; width: 9px; background-image:url(design/CroixSup.gif);}
.CroixSup2 {color:white; height:16px; width: 9px; background-image:url(design/CroixSup2.gif);}
.CroixInf {color:white; height:16px; width: 9px; background-image:url(design/CroixInf.gif);}
.CroixInf2 {color:white; height:16px; width: 9px; background-image:url(design/CroixInf2.gif);}
.CroixInf2D {color:white; height:16px; width: 9px; background-image:url(design/CroixInf2D.gif);}
.CroixInf2G {color:white; height:16px; width: 9px; background-image:url(design/CroixInf2G.gif);}
.CroixG {color:white; height:16px; width: 9px; background-image:url(design/CroixG.gif);}
.CroixD {color:white; height:16px; width: 9px; background-image:url(design/CroixD.gif);}

desolé pas moyen de metre un lien sur la page hebergé en local pour l'instant
mais le probleme se situe sur les lignes ou jappelle CroixSup dans ma feuille de style il ne respecte pas le width='9'

zeunyton

9 janvier 2006 à 12:56:33

tu peux déja essayez d'ajouter des guillemet dans tons code comme :

background-image:url("ton image.jpg")

jp949

9 janvier 2006 à 14:33:59

ne mets pas d'attributs dans le html puisque tu as le css

syteoky

9 janvier 2006 à 15:11:05

jai essayer avec et sans les guillemet j'ai corrigé mon css et rien y fait a mon avis le prob est l'utilisation du colspan et du width

la ligne qui contient le texte 11111111111111111111111111111111 pose probleme quà partie d'une certaine longueur il modifie la largueur de certaines de mes collones qui sont logiquement declarer a 9px dapres mon fichier css

jp949

9 janvier 2006 à 15:25:34

faut mettre des espaces entre les lettres ou les mots sinon il renvoie jamais a la ligne et il s'etire a l'infini

Gamer_man

9 janvier 2006 à 15:28:58

Si tu veux que ton tableau ne puisse pas se redimensionner, ajoute cette propriété à ce dernier :

table {
table-layout: fixed;
}

Bisous

syteoky

9 janvier 2006 à 16:07:09

existe t'il la meme fonction pour les colones <td>

table {
table-layout: fixed;
}