[HTML] Input / tableau

Version imprimable

05/02/2008, 11h30
Nemesis007

[HTML] Input / tableau
Bonjour à tous

J'ai un petit problème avec mes inputs dans un tableau. Dans une colonne de mon tableau qui s'appelle date, j'aimerai pouvoir saisir dans 3 inputs différents, le jour, le mois et l'année tout ceci dans la même colonne.

Le problème est l'affichage des inputs :

input1
input2
input3

alors que je souhaiterai les avoir :
Code:

1 2 | colonne date | | input1 input2 input3 |
Voilà, merci de votre aide :)
05/02/2008, 12h46
Erwan31

Tout ceci n'est pas clair du tout (relis ton ennoncé tu t'en apercevra) et ton dernière exemple embrouille tout.
Tu veux une colonne ou une ligne?
05/02/2008, 13h47
MasterOfChakhaL
Salut,

Si tes input se mettent les uns en dessous des autres, la raison en est probablement que la cellule de ton tableau n'est pas assez large.

Tu peux lui mettre un width suffisant mais cela ne marchera peut-être pas car le tableau ne respecte pas forcément les width.

Sinon, il y a une petite bidouille qui te permettra je pense de forcer l'affichage sur une seule ligne.
Il suffit que ton code html ne contienne pas d'espace entre les input:
Code:

1 2 3 4 5 6 ... <td> <input type="text" name="un"/><input type="text" name="deux"/><input type="text" name="trois"/> </td> ...
Si cela te dérange vraiment de chambouler la présentation du code (c'est vrai que c'est crado), tu peux arriver un résultat similaire avec les commentaires de cette manière:
Code:

1 2 3 4 5 6 7 8 ... <td> <input type="text" name="un"/><input type="text" name="deux"/><input type="text" name="trois"/> </td> ...

J'ai essayé ce que tu m'as suggéré :
Code:

1 2 3 4 5 6 echo '<tr>'; echo '<th>'; echo '<input type="text" name="jour" maxlength="2" value="'.$jour.'"/><input type="text" name="mois" maxlength="2" value="'.$mois.'"/><input type="text" name="annee" maxlength="4" value="'.$annee.'"/>'; echo '</th>'; echo '</tr>';
Cela ne marche toujours pas :(

Concernant les widths, j'ai pas l'impression que mon tableau les accepte

05/02/2008, 14h13
MasterOfChakhaL

Re,

Peux-tu nous montrer le code complet de ta page? (pas le php, juste le html résultant)
05/02/2008, 14h43
Nemesis007

Voilà le rendu :

http://img100.imageshack.us/my.php?image=daterv6.jpg
05/02/2008, 14h49
MasterOfChakhaL

Citation:

Envoyé par MasterOfChakhaL

Re,

Peux-tu nous montrer le code complet de ta page? (pas le php, juste le html résultant)

Je pense que j'ai compris ton problème.
Une image ne m'apporte pas plus de renseignement (surtout que imageshack est bloqué à mon boulot)
05/02/2008, 14h51
Nemesis007

ah :( désolé.

par contre, je veux bien que tu éclaires ma lanterne :)
05/02/2008, 15h11
MasterOfChakhaL

C'est pas compliqué.

Tu affiches la page dans ton navigateur internet et tu fais afficher la source.
Avec Firefox, il suffit de faire ctrl+u
Avec IE, par les menus, tu fais affichage>source

Ensuite, tu copies la source qui s'affiche et tu la colles sur le forum (s'il y a 3 kilometres de code, alors essaie de ne donner que l'extrait qui compte mais aussi le doctype si tu en as placé un au début de ta page).

le doctype :

Code:

1
2
3
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

la partie du tableau :

Code:

1
2
 
<input type="text" name="jour" maxlength="2" value=""></input><input type="text" name="mois" maxlength="2" value=""></input><input type="text" name="annee" maxlength="4" value="">

05/02/2008, 18h00
Erwan31
Citation:
Envoyé par Nemesis007

le doctype :

Code:

1 2 3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Euh c'est la totalité du code qui permettrait d'avancer ;-)

Essayes avec td {white-space: nowrap} (ou en style en-ligne au niveau du td concerné) pour voir si ça marche mais je te garanti rien.

@MasterOfChakhaL
Je crois pas qu'afficher les input en ligne dans le code y change quelque chose, tu dois confondre avec l'absence d'espace à l'intèrieur dun paragraphe de texte.

Salut,

Pour faire tenir tes input en ligne dans ton tableau il te suffit simplement de faire ceci :
Code:

1 2 3 4 5 6 7 8 9 10 <table> <tr> <th colspan="3">Date de naissance :</th> </tr> <tr> <td><input type="text" name="jr" size="2" value="jj" /></td> <td><input type="text" name="mois" size="3" value="mm" /></td> <td><input type="text" name="an" size="3" value="aaaa" /></td> </tr> </table>
Petite question, j'ai pas souvenir qu'un input se ferme de cette manière </input>, est ce dû à l'xhtml ou est ce une erreur ?

06/02/2008, 10h13
Nemesis007

Merci bien à tous.

kaiser59, ta solution marche effectivement bien par contre, je ne comprend pas pourquoi avec mes balises <th>, à la place de tes <td>, cela ne marche pas :s
06/02/2008, 12h16
kaiser59

Tu dois avoir une erreur de manipulation car th et td c'est exactement la même chose à la seule différence que th c'est pour indiquer qu'il s'agit d'un en-tête d'où son nom th pour thead.