Rechercher : dans
Par :

Taille cellule dans un tableau HTML ??

Dernière réponse le 11 mar 2009 à 10:40:33 bonolebo, le 11 mar 2009 à 09:54:40 
 Signaler ce message aux modérateurs

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 ;)

Configuration: Windows XP
Firefox 3.0.7

Meilleures réponses pour « Taille cellule dans un tableau HTML ?? » dans :
Javascript - Modifier la hauteur (height) d'un élément HTML VoirPour modifier la hauteur d'un élément HTML en javascript, il suffit d'utiliser sa propriété de style "height". Pour cela vous pouvez y faire référence de la manière suivante : Si vous souhaitez connaître la hauteur (height) d'un bloc HTML, il...
Espace en HTML VoirEn HTML, les espaces consécutifs sont ignorés par les navigateurs, au même titre que les retours chariots ou les tabulations. Pour insérer plusieurs espaces consécutifs, il est nécessaire d'utiliser une entité HTML spécifique, appelée espace...
Caractères spéciaux HTML VoirCodage des caractères spéciaux Le standard HTML demande de respecter le codage des caractères ASCII 7 bits, c'est-à-dire que les caractères accentués ne sont pas autorisés. Il faut pour cela utiliser un codage particulier. Pour...
Les feuilles de style VoirPropriétés de polices Propriété Valeur Description font-family Police précise (Arial, Times, Verdana) Famille (serif, sans-serif, fantasy, monospace, cursive) Définit un ou plusieurs nom de polices ou de familles de...

1

NookZ, le 11 mar 2009 à 10:03:46

Je ne vois aucune taille appliquée à vos cellules.

Répondre à NookZ

2

karmalo, le 11 mar 2009 à 10:05:55

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

Répondre à karmalo

3

bonolebo, le 11 mar 2009 à 10:13:18

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

Répondre à bonolebo

4

NookZ, le 11 mar 2009 à 10:19:11

Juste un truc, les div me semblent inutiles alors que le align=right peut être mis dans la TD.
Sinon ça devrait normalement s'appliquer

Vous avez essayé sur plusieurs navigateurs?
Vous avez utilisé quelle syntaxe?
<td width="10px"> ?

Répondre à NookZ

5

bonolebo, le 11 mar 2009 à 10:25:55

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

Répondre à bonolebo

6

karmalo, le 11 mar 2009 à 10:26:52

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

Répondre à karmalo

7

NookZ, le 11 mar 2009 à 10:29:22

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;
}

Répondre à NookZ

8

karmalo, le 11 mar 2009 à 10:33:30

On a la même réponse donc avec ca tout doit marcher maintenant

Répondre à karmalo

9

 bonolebo, le 11 mar 2009 à 10:40:33

Oh oui! c'est parfait sa marche! Et bien merci à vous et bonne journée! ;)

Répondre à bonolebo
Collection CommentÇaMarche.net