IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

[HTML] Input / tableau


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2007
    Messages
    229
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 229
    Par défaut [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 : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    |   colonne date       |
    | input1 input2 input3 |

    Voilà, merci de votre aide

  2. #2
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    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?

  3. #3
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    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>
    ...
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2007
    Messages
    229
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 229
    Par défaut
    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

  5. #5
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    Re,

    Peux-tu nous montrer le code complet de ta page? (pas le php, juste le html résultant)
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  6. #6
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2007
    Messages
    229
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 229
    Par défaut
    Voilà le rendu :


  7. #7
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    Citation Envoyé par MasterOfChakhaL Voir le message
    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)
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. pb inputs html en tableau et accès en js
    Par striky2 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 10/03/2007, 10h26
  2. [HTML] input type text et Focus
    Par Stessy dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 21/06/2005, 14h06
  3. [HTML] [Débutant] Tableau et images
    Par skandas dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 07/06/2005, 01h01
  4. [html] Input text sans cadre
    Par G_Kill dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 04/05/2005, 16h13
  5. [HTML / CSS ... ?] Tableau sans AUCUNE marge
    Par PierrotY dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 19/04/2005, 11h13

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo