Taille cellule dans un tableau HTML ??
Résolu
bonolebo
Messages postés
30
Date d'inscription
Statut
Membre
Dernière intervention
-
bonolebo Messages postés 30 Date d'inscription Statut Membre Dernière intervention -
bonolebo Messages postés 30 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
j'ai réalisé un tableau HTML avec du PHP (pour récupérer les données, etc etc..., mais la n'est pas le problème).
Dans ce tableau, j'ai l'impression que les cellules ne sont pas indépendantes les une des autre, et je ne peut donc pas donner la taille que je veux aux cellules souhaité. Voici mon script HTML (j'ai enlevé le PHP inutile) :
<table border="1" cellpadding="1" cellspacing="0">
<TR>
<TD><div align="right">Changer la photo </div></TD>
<TD colspan="2"><!--<input type="hidden" name="MAX_FILE_SIZE" value="100000" />-->
<input type="file" name="photo" />La photo actuelle est celle de droite.
<input type="submit" name="envoi_photo" value="Enregistrer l'image" />
</TD>
<TD> <img src="<?php echo $photo_laboshow; ?>" alt="" width="100" height="90"> </TD>
</TR>
<TR>
<TD><div align="right">Titre de la session (Obligatoire) </div></TD>
<TD colspan="2"><input type="text" name="titre_session" value= "" /></TD>
</TR>
<TR>
<TD><div align="right">Sujet </div></TD>
<TD colspan="2"><input type="text" name="sujet" value= "" /></TD>
</TR>
<TR>
<TD><div align="right">Unité </div></TD>
<TD colspan="2"><input type="text" name="unité" value= "" /></TD>
</TR>
<TR>
<TD><div align="right">Lieu (Bâtiment) </div></TD>
<TD colspan="2"><input type="text" name="lieu" value= "" /></TD>
</TR>
<TR>
<TD><div align="right">Porte </div></TD>
<TD colspan="2"><input type="text" name="porte" value= "" /></TD>
</TR>
<TR>
<TD><div align="right" >Premiere journee </div></TD>
<TD colspan="2"><input type="text" name="Premiere_journee" value= "" /></TD>
<TD><div align="right">Deuxieme journee </div></TD>
<TD colspan="2"><input type="text" name="Deuxieme_journee"value= "" /></TD>
<TD><div align="right">Troisieme journee </div></TD>
<TD colspan="2"><input type="text" name="Troisieme_journee" value= "" /></TD>
</TR>
<TR>
<TD><div align="right">Quatrieme journee </div></TD>
<TD colspan="2"><input type="text" name="Quatrieme_journee" value= "" /></TD>
<TD><div align="right">Cinquieme journee </div></TD>
<TD colspan="2"><input type="text" name="Cinquieme_journee" value= "" /></TD>
</TR>
<TR>
<TD><div align="right">Horaires </div></TD>
<TD colspan="2"><input type="text" name="horaires" value= "" /></TD>
</TR>
<TR>
<TD><div align="right">Taille du groupe (nombre) </div></TD>
<TD colspan="2"><input type="text" name="taille_groupe" value= "" /></TD>
</TR>
<TR>
<TD><div align="right">Contraintes </div></TD>
<TD colspan="2"><input type="text" name="contraintes" value= "" /></TD></TR>
</table>
Merci à vous ;)
j'ai réalisé un tableau HTML avec du PHP (pour récupérer les données, etc etc..., mais la n'est pas le problème).
Dans ce tableau, j'ai l'impression que les cellules ne sont pas indépendantes les une des autre, et je ne peut donc pas donner la taille que je veux aux cellules souhaité. Voici mon script HTML (j'ai enlevé le PHP inutile) :
<table border="1" cellpadding="1" cellspacing="0">
<TR>
<TD><div align="right">Changer la photo </div></TD>
<TD colspan="2"><!--<input type="hidden" name="MAX_FILE_SIZE" value="100000" />-->
<input type="file" name="photo" />La photo actuelle est celle de droite.
<input type="submit" name="envoi_photo" value="Enregistrer l'image" />
</TD>
<TD> <img src="<?php echo $photo_laboshow; ?>" alt="" width="100" height="90"> </TD>
</TR>
<TR>
<TD><div align="right">Titre de la session (Obligatoire) </div></TD>
<TD colspan="2"><input type="text" name="titre_session" value= "" /></TD>
</TR>
<TR>
<TD><div align="right">Sujet </div></TD>
<TD colspan="2"><input type="text" name="sujet" value= "" /></TD>
</TR>
<TR>
<TD><div align="right">Unité </div></TD>
<TD colspan="2"><input type="text" name="unité" value= "" /></TD>
</TR>
<TR>
<TD><div align="right">Lieu (Bâtiment) </div></TD>
<TD colspan="2"><input type="text" name="lieu" value= "" /></TD>
</TR>
<TR>
<TD><div align="right">Porte </div></TD>
<TD colspan="2"><input type="text" name="porte" value= "" /></TD>
</TR>
<TR>
<TD><div align="right" >Premiere journee </div></TD>
<TD colspan="2"><input type="text" name="Premiere_journee" value= "" /></TD>
<TD><div align="right">Deuxieme journee </div></TD>
<TD colspan="2"><input type="text" name="Deuxieme_journee"value= "" /></TD>
<TD><div align="right">Troisieme journee </div></TD>
<TD colspan="2"><input type="text" name="Troisieme_journee" value= "" /></TD>
</TR>
<TR>
<TD><div align="right">Quatrieme journee </div></TD>
<TD colspan="2"><input type="text" name="Quatrieme_journee" value= "" /></TD>
<TD><div align="right">Cinquieme journee </div></TD>
<TD colspan="2"><input type="text" name="Cinquieme_journee" value= "" /></TD>
</TR>
<TR>
<TD><div align="right">Horaires </div></TD>
<TD colspan="2"><input type="text" name="horaires" value= "" /></TD>
</TR>
<TR>
<TD><div align="right">Taille du groupe (nombre) </div></TD>
<TD colspan="2"><input type="text" name="taille_groupe" value= "" /></TD>
</TR>
<TR>
<TD><div align="right">Contraintes </div></TD>
<TD colspan="2"><input type="text" name="contraintes" value= "" /></TD></TR>
</table>
Merci à vous ;)
A voir également:
- Taille cellule dans un tableau HTML ??
- Comment réduire la taille d'un fichier - Guide
- Tableau word - Guide
- Trier un tableau excel - Guide
- Tableau ascii - Guide
- Imprimer un tableau excel - Guide
6 réponses
bonjour,
je ne sais pas si j'ai bien compris ta demande mis si tu veux ajouter une longeur pour chaque cellule et un nombre de caractère maximum aussi
Mettre après value
size="100" par exemple ca te donne la longueur de ta cellule et
maxlength="100" le nombre de caractère maximum qui peut être saisie dans la cellule
je ne sais pas si j'ai bien compris ta demande mis si tu veux ajouter une longeur pour chaque cellule et un nombre de caractère maximum aussi
Mettre après value
size="100" par exemple ca te donne la longueur de ta cellule et
maxlength="100" le nombre de caractère maximum qui peut être saisie dans la cellule
karmalo, j'ai essayé ce que tu m'as proposé, mais cela modifie la taille du champs de saisie, et non de la cellule.
NookZ, j'ai justement déjà essayé de mettre les tailles dans mes <TD>, mais sa ne les appliques pas! c'est justement le problème
NookZ, j'ai justement déjà essayé de mettre les tailles dans mes <TD>, mais sa ne les appliques pas! c'est justement le problème
J'ai essayé celle la : <td width="10px"> sa ne marche donc pas
Et je viens d'enlever les DIV, mais cela ne change rien
Enfait, j'ai l'impression que la taille des cellules sont reliées et qu'elles ne sont pas indépendantes
Et je viens d'enlever les DIV, mais cela ne change rien
Enfait, j'ai l'impression que la taille des cellules sont reliées et qu'elles ne sont pas indépendantes
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
ok j'ai compris
donc au ieu de mettre div align="right" mettre div id="right"
et pplique ce css
#right {
font-family: Verdana, Arial, Helvetica, sans-serif; // police du texte
font-size: 10px; // taille du texte
text-align: right; // texte aligner à droite
width: 100px; // largeur de la cellule
donc au ieu de mettre div align="right" mettre div id="right"
et pplique ce css
#right {
font-family: Verdana, Arial, Helvetica, sans-serif; // police du texte
font-size: 10px; // taille du texte
text-align: right; // texte aligner à droite
width: 100px; // largeur de la cellule
Comme il utilise de nombreuses fois align=right il serait plus judicieux de faire une classe dans le CSS :
.right {
font-family: Verdana, Arial, Helvetica, sans-serif; // police du texte
font-size: 10px; // taille du texte
text-align: right; // texte aligner à droite
}
et pour chaque cellule de spécifier la taille dans des id :
<td id="cellule1">
#cellule1 {
width = 100px;
}
.right {
font-family: Verdana, Arial, Helvetica, sans-serif; // police du texte
font-size: 10px; // taille du texte
text-align: right; // texte aligner à droite
}
et pour chaque cellule de spécifier la taille dans des id :
<td id="cellule1">
#cellule1 {
width = 100px;
}