[HTML] Input / tableau

**Nemesis007** · 05/02/2008, 11h30

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
|   colonne date       |
| input1 input2 input3 |

Voilà, merci de votre aide

**Erwan31** · 05/02/2008, 12h46

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?

**MasterOfChakhaL** · 05/02/2008, 13h47

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>
...

**Nemesis007** · 05/02/2008, 14h02

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**MasterOfChakhaL** · 05/02/2008, 14h13

Re,

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

**Nemesis007** · 05/02/2008, 14h43

Voilà le rendu :

**MasterOfChakhaL** · 05/02/2008, 14h49

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)

**Nemesis007** · 05/02/2008, 14h51

ah

désolé.

par contre, je veux bien que tu éclaires ma lanterne

**MasterOfChakhaL** · 05/02/2008, 15h11

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

**Nemesis007** · 05/02/2008, 15h31

le doctype :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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="">

**Erwan31** · 05/02/2008, 18h00

Envoyé par Nemesis007

le doctype :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**kaiser59** · 05/02/2008, 18h54

Salut,

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

**Nemesis007** · 06/02/2008, 10h13

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

**kaiser59** · 06/02/2008, 12h16

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.

[HTML] Input / tableau

HTML

Discussions similaires

Partager

Partager