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 :

positionnement d'un champ de texte


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Rédacteur
    Avatar de pi-2r
    Homme Profil pro
    Développeur Java
    Inscrit en
    Juin 2006
    Messages
    1 487
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Java

    Informations forums :
    Inscription : Juin 2006
    Messages : 1 487
    Par défaut positionnement d'un champ de texte
    Bonjour,

    je suis entrain de réaliser un formulaire d'inscription. Tout de fois, je rencontre un problème en matière de positionnement et d'organisation de mes cases.
    j'ai le code suivant:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    <tr>
    	<td>
    	<label>Description: </label></td>
    <td><textarea rows="8" cols="50"  name="des"/></textarea><br/></td>
    </tr>
    <br/>
    <tr>
    <label>Poste:</label>
    <select name="poste" >
    <option value ="1" >Première ligne</option>
    <option value ="2" >Talonneur</option>
    <option value ="3" >Deuxième ligne</option>
    <option value ="4" >Troisième ligne Aile</option>
    <option value ="5" >Troisième ligne Centre</option>
    <option value ="6" >Demi de mêlée</option>
    <option value ="7" >Demi d’ouverture</option>
    <option value ="8" >Trois-quarts centre</option>
    <option value ="9" >Trois-quarts aile</option>
    <option value ="10" >Arrière</option>
    </select>
    	</tr>
    <tr>
    <td><label>preference :</label></td>
    <td><input type="text" name="pref"/><br/></td>
    </tr>
    Le rendu est que, le champ "poste" est devant le champ "description" alors je que souhaite qu'il garde sa position initial comme écrit dans le code.

    Savez-vous comment faire.
    Merci d'avance
    Les pièges de l'Internet
    Helix, réponse à une intrusion


    "La plus grande gloire n'est pas de ne jamais tomber, mais de se relever à chaque chute." Confucius
    "Si j'ai vu plus loin, c'est en me tenant sur les épaules de géants." Isaac Newton

  2. #2
    Membre Expert Avatar de franculo_caoulene
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    2 880
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 2 880
    Par défaut
    Salut,

    Essaie de t'inspirer de ce formulaire tout devrait bien se passer.

    Si tu veux plus de renseignements sur ton problème tu devrais poster un code complet mais réduit à l'extrême nécessaire, avec le code CSS inclus dans l'entête.

  3. #3
    Membre très actif
    Profil pro
    Inscrit en
    Février 2007
    Messages
    248
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Février 2007
    Messages : 248
    Par défaut
    Tu utilises un tableau pour ta mise en forme, mais il est mal fichu...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <tr>
    <label>Poste:</label>
    <select name="poste" >
    Tu ouvre une nouvelle ligne avec <tr> mais il manque les cellules <td> !

  4. #4
    Membre éclairé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Avril 2007
    Messages
    241
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Avril 2007
    Messages : 241
    Par défaut
    Citation Envoyé par albedo0 Voir le message
    Tu utilises un tableau pour ta mise en forme, mais il est mal fichu...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <tr>
    <label>Poste:</label>
    <select name="poste" >
    Tu ouvre une nouvelle ligne avec <tr> mais il manque les cellules <td> !

    Oui, de plus pour utiliser la balise "label" correctement tu dois lui appliquer l'attribut "for"

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    <tr>
        <td>
            <label for="posteID">Poste</label>
            <select id="posteID" name="poste">
                .....
           </select>
        </td>
    </tr>
    <

  5. #5
    Rédacteur
    Avatar de pi-2r
    Homme Profil pro
    Développeur Java
    Inscrit en
    Juin 2006
    Messages
    1 487
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Java

    Informations forums :
    Inscription : Juin 2006
    Messages : 1 487
    Par défaut
    Bonsoir,

    Citation Envoyé par psylox Voir le message
    Oui, de plus pour utiliser la balise "label" correctement tu dois lui appliquer l'attribut "for"
    chose que je ne savais pas...
    Les pièges de l'Internet
    Helix, réponse à une intrusion


    "La plus grande gloire n'est pas de ne jamais tomber, mais de se relever à chaque chute." Confucius
    "Si j'ai vu plus loin, c'est en me tenant sur les épaules de géants." Isaac Newton

  6. #6
    Membre éclairé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Avril 2007
    Messages
    241
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Avril 2007
    Messages : 241
    Par défaut
    Citation Envoyé par pi-2r Voir le message
    Bonsoir,


    chose que je ne savais pas...
    You're welcome

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

Discussions similaires

  1. positionner le curseur dans un champs de text
    Par john_wili dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 08/11/2008, 12h31
  2. Réponses: 3
    Dernier message: 25/02/2005, 20h46
  3. Récupérer le texte d'un champ de texte
    Par theberliner dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 04/12/2004, 10h08
  4. Problème de contrôle de champ input texte
    Par NATHW dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 08/10/2004, 22h48
  5. [access] champs type text sur un pc blob sur un autre
    Par Harry dans le forum Bases de données
    Réponses: 3
    Dernier message: 27/07/2004, 09h30

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