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 :

Position d'un input


Sujet :

HTML

  1. #1
    Membre à l'essai
    Homme Profil pro
    Etudiant
    Inscrit en
    Juin 2011
    Messages
    24
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine et Marne (Île de France)

    Informations professionnelles :
    Activité : Etudiant

    Informations forums :
    Inscription : Juin 2011
    Messages : 24
    Points : 15
    Points
    15
    Par défaut Position d'un input
    Bonjour. Pour être clair, je voudrais faire:



    et moi j'ai réussi à faire ça:



    Pourquoi la barre de recherche va à la ligne ?

    Voici mon code:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <div style="background:#FFFFFF url('images/bar.png') center top repeat;" class="barreconnect">&nbsp;&nbsp;<a href="index.php"><img src="images/ico.ico" /></a>
    blablablablablablablabla
    &nbsp; &nbsp;
    <form method="post" action="blabla.php">
    <input id="inputString" name="search" type="text" style="width:400px;" value="Recherche de mots clefs dans la page..." onfocus="if(this.value=='Recherche de mots clefs dans la page...')this.value=''" onblur="if(this.value=='')this.value='Recherche de mots clefs dans la page...'" autocomplete="off"/>       <input id="submit2" name="submit" type="submit" value="Go!" />
    <div id="delete"><span id="x">x</span></div>
    </form>
     
    </div>

    Merci d'avance.

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Heu... ton code ne correspond pas vraiment à ce qu'on voit sur les images, du coup, c'est difficile de te répondre.
    Il peut y avoir plusieurs causes.
    • Ton CSS ne laisse pas assez de place à l'input qui du coup passe à la ligne.
    • Tu as oublié qu'un formulaire est de type block.

  3. #3
    Membre à l'essai
    Homme Profil pro
    Etudiant
    Inscrit en
    Juin 2011
    Messages
    24
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine et Marne (Île de France)

    Informations professionnelles :
    Activité : Etudiant

    Informations forums :
    Inscription : Juin 2011
    Messages : 24
    Points : 15
    Points
    15
    Par défaut
    Merci !!!
    J'ai mis style="display:inline;" dans la balise form, et ça marche !!!

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

Discussions similaires

  1. Changer la position d'un input button
    Par arthur.moreau dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 28/07/2014, 19h22
  2. Position image et input text
    Par Asdorve dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 01/02/2013, 08h42
  3. Detecter la position de l'input
    Par squelos dans le forum Windows Presentation Foundation
    Réponses: 2
    Dernier message: 15/10/2010, 09h31
  4. Connaitre la position d'un input
    Par luffyfr dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 28/05/2010, 14h21
  5. Position d'un input
    Par pcayrol dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 13/02/2008, 14h35

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