Taille des colonne dans un tableau

06 mars 2008, 12:38

Bonjour j'ai un probleme avec le tableau de mon formulaire je souhaite choisir moi-mm la taille des colonne et je n'y arrive pas
je souhaite aussi pouvoir choir la taille des input type="text" je n'y arrive pas non plus
voila mon code

<table id= "Table" width= 50% >
<table border=1 align="center" cellpadding="0" cellspacing="0">
 
<tr> 
<th>Modifier</th>
<th>Supprimer</th>
<th>Verifier<br><br>Tous&nbsp;<input type='checkbox'  value="checkbox" onclick="CheckAllBox(this.checked);" /></th>

<th>Partenaire<br><input name='Submit1' type='Submit' value="+">&nbsp;<input name='Submit2' type='Submit' value="-"><br><br>
<input name='Text1' type='Text'/>&nbsp;<input id ="un" name='Submit15' type='Submit' value="GO"></th>

<th>Page Sprice<br><input name='Submit3' type='Submit' value="+">&nbsp;<input name='Submit4' type='Submit' value="-"><br><br>
<input name='Text2' type='Text'/>&nbsp;<input id ="deux" name='Submit16' type='Submit' value="GO"></th>

<th>Code du lien<br><input name='Submit5' type='Submit' value="+">&nbsp;<input name='Submit6' type='Submit' value="-"><br><br>
<input name='Text3' type='Text'/>&nbsp;<input id ="trois" name='Submit17' type='Submit' value="GO"></th>

<th>Page partenaire<br><input name='Submit7' type='Submit' value="+">&nbsp;<input name='Submit8' type='Submit' value="-"><br><br>
<input name='Text4' type='Text'/>&nbsp;<input id ="quatre" name='Submit18' type='Submit' value="GO"></th>

<th>Code du lien<br><input name='Submit9' type='Submit' value="+">&nbsp;<input name='Submit10' type='Submit' value="-"><br><br>
<input name='Text5' type='Text'/>&nbsp;<input id ="cinq" name='Submit19' type='Submit' value="GO"></th>

<th>Contact<br><input name='Submit11' type='Submit' value="+">&nbsp;<input name='Submit12' type='Submit' value="-"><br><br>
<input name='Text6' type='Text' maxlength='10px'/>&nbsp;<input id ="six" name='Submit20' type='Submit' value="GO"></th>

<th>Commentaire<br><input name='Submit13' type='Submit' value="+">&nbsp;<input name='Submit14' type='Submit' value="-"><br><br>
<input name='Text7' type='Text'/>&nbsp;<input id ="sept" name='Submit21' type='Submit' value="GO"></th>
</tr>

<?php
$bool = true;
$nb = 0;
while ($Tab= mysql_fetch_array($result))
	{
?>
<tr>
<td><?php echo '<a href="Modification.php?NumLien=' . $Tab['NumLien'] . '">'; ?>Modifier</a></td>
<td><?php echo '<a href= "Accueil.php?NumLien=' . $Tab['NumLien'] . '" onclick="if ( !confirm(\'Etes-vous sur de vouloir supprimer ?\')) { return false; }">'; ?>Supprimer</a></td>
<td><input type='checkbox' name="Verif[]" value=<?php echo $Tab['NumLien'];?> id="box<?php echo $nb;?>" align="center"/></td>	
<td><?php echo $Tab['NomPartenaire'];?></td>

<td style="width:50px">
<?php echo $Tab['LibelleLienSprice'];?>
</td>

<td style="width:50px">
<?php echo htmlentities($Tab['CodeLienPartenaire']);?>
</td>
 
<td style="width:50px">
<?php echo $Tab['LibelleLienPartenaire'];?>
</td>

<td style="width:10"px;"">
<?php echo htmlentities($Tab['CodeLienPartenaire']);?>
</td>

<td><?php echo $Tab['Contact'];?></td>
<td><?php echo $Tab['Commentaire'];?></td>
</tr>
<?php
$nb++;
}
?>

</table>

06 mars 2008, 14:37

Le mieux est d'utiliser une feuille de style CSS.

Tu pourras alors créer des classes comme ceci :

Code : Tout sélectionner

.celluleTableau { width:400px;} 
.champEntreeTexte { width:200px;}
...

et utiliser tes classes pour donner les bonnes tailles à tes cellules/ champ, etc...

Code : Tout sélectionner

<input name='Text1' type='Text' CLASS="champEntreeTexte " />

06 mars 2008, 15:39

Je vien de rajouté les 2 champs a mon css et mettre class= dan smon formulaire, rien a faire mes colonne ne change pas de taille

06 mars 2008, 15:42

J'ai pas fait toutes les structures non plus, il faut également que tu dimensionne ton tableau, tes lignes <TR>,...

06 mars 2008, 15:51

voici le dernier code que j'ai essayer et qui ne marche toujour pas

<table id= "Table" width= 50% >
<table border=1 align="center" cellpadding="0" cellspacing="0">
 
<tr> 
<th>Modifier</th>
<th>Supprimer</th>
<th>Verifier<br><br>Tous&nbsp;<input type='checkbox'  value="checkbox" onclick="CheckAllBox(this.checked);" /></th>

<th>Partenaire<br><input name='Submit1' type='Submit' value="+">&nbsp;<input name='Submit2' type='Submit' value="-"><br><br>
<input name='Text1' type='Text'/>&nbsp;<input id ="un" name='Submit15' type='Submit' value="GO"></th>

<th>Page Sprice<br><input name='Submit3' type='Submit' value="+">&nbsp;<input name='Submit4' type='Submit' value="-"><br><br>
<input name='Text2' type='Text'/>&nbsp;<input id ="deux" name='Submit16' type='Submit' value="GO"></th>

<th>Code du lien<br><input name='Submit5' type='Submit' value="+">&nbsp;<input name='Submit6' type='Submit' value="-"><br><br>
<input name='Text3' type='Text'/>&nbsp;<input id ="trois" name='Submit17' type='Submit' value="GO"></th>

<th>Page partenaire<br><input name='Submit7' type='Submit' value="+">&nbsp;<input name='Submit8' type='Submit' value="-"><br><br>
<input name='Text4' type='Text'/>&nbsp;<input id ="quatre" name='Submit18' type='Submit' value="GO"></th>

<th>Code du lien<br><input name='Submit9' type='Submit' value="+">&nbsp;<input name='Submit10' type='Submit' value="-"><br><br>
<input name='Text5' type='Text'/>&nbsp;<input id ="cinq" name='Submit19' type='Submit' value="GO"></th>

<th>Contact<br><input name='Submit11' type='Submit' value="+">&nbsp;<input name='Submit12' type='Submit' value="-"><br><br>
<input name='Text6' type='Text'/>&nbsp;<input id ="six" name='Submit20' type='Submit' value="GO"></th>

<th>Commentaire<br><input name='Submit13' type='Submit' value="+">&nbsp;<input name='Submit14' type='Submit' value="-"><br><br>
<input name='Text7' type='Text'/>&nbsp;<input id ="sept" name='Submit21' type='Submit' value="GO"></th>
</tr>
<?phP 
$nb = 0;
while ($Tab= mysql_fetch_array($result))
	{
?>
<tr>
<td><?php echo '<a href="Modification.php?NumLien=' . $Tab['NumLien'] . '">'; ?>Modifier</a></td>
<td><?php echo '<a href= "Accueil.php?NumLien=' . $Tab['NumLien'] . '" onclick="if ( !confirm(\'Etes-vous sur de vouloir supprimer ?\')) { return false; }">'; ?>Supprimer</a></td>
<td style="width:50px"><input type='checkbox' name="Verif[]" value=<?php echo $Tab['NumLien'];?> id="box<?php echo $nb;?>" align="center"/></td>	
<td style="width:150px"><?php echo $Tab['NomPartenaire'];?></td>
<td style="width:150px"><?php echo $Tab['LibelleLienSprice'];?></td>
<td style="width:150px"><?php echo htmlentities($Tab['CodeLienSprice']);?></td>
<td style="width:150px"><?php echo $Tab['LibelleLienPartenaire'];?></td>
<td style="width:150"px;""><?php echo htmlentities($Tab['CodeLienPartenaire']);?></td>
<td style="width:100px"><?php echo $Tab['Contact'];?></td>
<td style="width:100px"><?php echo $Tab['Commentaire'];?></td>
</tr>
<?php
$nb++;
          }
?>
</table>

07 mars 2008, 14:42

Petite erreur à ligne:

Code : Tout sélectionner

<td style="width:150"px;""><?php echo htmlentities($Tab['CodeLienPartenaire']);?></td>

qui devrait etre

Code : Tout sélectionner

<td style="width:150px;"><?php echo htmlentities($Tab['CodeLienPartenaire']);?></td>

et qui peut fausser la mise en page...

Aussi déclarer ton tableau en width= 50% et donner des valeurs fixes pour les colonnes après peut être un problème selon la taille du div dans lequel le tableau se trouve...

07 mars 2008, 15:03

j'ai enlever width=50% et corriger la patite erreur mais sa ne change pas mes collone ne s'ajuste toujour pas a 150px

07 mars 2008, 15:18

essaie voir d'agrandir ton tableau :

Code : Tout sélectionner

<table id= "Table" STYLE="width:2000px;" >

pour tester si tes colonnes font bien 150px

07 mars 2008, 15:21

je vien de le faire sa na pas changer

07 mars 2008, 15:44

tu déclares 2 tableau tables l'un à l'intérieur de l'autre :

Code : Tout sélectionner

<table id= "Table" width= 50% >
<table border=1 align="center" cellpadding="0" cellspacing="0">

fais en un seul, ça marchera déjà mieux :

Code : Tout sélectionner

<table id= "Table" border=1 align="center" cellpadding="0" cellspacing="0" STYLE="width:200px;" >

07 mars 2008, 15:51

merci je n'avais pas fait attention

par contre sans ne change rien j'ai carement une colonne qui fait tout mon ecran

07 mars 2008, 15:57

tu n'as pas fixé la taille des 2 première colonnes.

07 mars 2008, 16:01

non c'est volontaire, je suis obliger?
je vien de le faire et je me suis rendu compte que mes 2 premiere colonne ont bien pris la taille 150px par contre ce sont 4 colonne qui pose probleme en partant du haut se sont les colonne 5 6 7 8 qui ne veulent pas se plier au 150px

07 mars 2008, 17:44

ce sont 4 colonne qui pose probleme en partant du haut se sont les colonne 5 6 7 8 qui ne veulent pas se plier au 150px

L'entête de ces colonnes n'est elle pas plus grande que 150px? en regardant, les entêtes de celles ci on des mots qui sont plus longs que les autres...

09 mars 2008, 18:35

oui mais les colonne sont encors plus grande que les titre, j'ai carement une colonne qui prend toute la taille de mon ecran 15 pouce

a l'aideeee

Taille des colonne dans un tableau

Qui est en ligne