Page 1 sur 1

Taille des colonne dans un tableau

Posté : 06 mars 2008, 12:38
par mali_67
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>

Posté : 06 mars 2008, 14:37
par d0m
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 " />

Posté : 06 mars 2008, 15:39
par mali_67
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

Posté : 06 mars 2008, 15:42
par d0m
J'ai pas fait toutes les structures non plus, il faut également que tu dimensionne ton tableau, tes lignes <TR>,...

Posté : 06 mars 2008, 15:51
par mali_67
voici le dernier code que j'ai essayer et qui ne marche toujour pas
:cry:
<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>

Posté : 07 mars 2008, 14:42
par guilt92
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...

Posté : 07 mars 2008, 15:03
par mali_67
j'ai enlever width=50% et corriger la patite erreur mais sa ne change pas mes collone ne s'ajuste toujour pas a 150px

Posté : 07 mars 2008, 15:18
par d0m
essaie voir d'agrandir ton tableau :

Code : Tout sélectionner

<table id= "Table" STYLE="width:2000px;" >
pour tester si tes colonnes font bien 150px

Posté : 07 mars 2008, 15:21
par mali_67
je vien de le faire sa na pas changer :(

Posté : 07 mars 2008, 15:44
par d0m
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;" >

Posté : 07 mars 2008, 15:51
par mali_67
merci je n'avais pas fait attention :) par contre sans ne change rien j'ai carement une colonne qui fait tout mon ecran :?

Posté : 07 mars 2008, 15:57
par d0m
tu n'as pas fixé la taille des 2 première colonnes.

Posté : 07 mars 2008, 16:01
par mali_67
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

Posté : 07 mars 2008, 17:44
par d0m
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...

Posté : 09 mars 2008, 18:35
par mali_67
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
:cry: a l'aideeee