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

Mise en page CSS Discussion :

Positionnement de liste déroulante


Sujet :

Positionnement en CSS

  1. #1
    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 Positionnement de liste déroulante
    Salut,

    N'ayant plus d'yeux, je n'arrive pas à résoudre ce problème de mise en forme! J'aimerais placer la liste déroulante en face de son libellé. Le libellé en question étant le seul libellé n'ayant rien à sa droite (juste au cas où).

    Voici le code :
    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
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <style type="text/css">
        body {background:#000; color:#eee; font:bold 12px Calibri, Arial, Helvetica, sans-serif;}
        h6, #lblddl {margin:0; padding:8px 0 0 20px; display:block; float:left; clear:left; width:310px; height:22px; background:#333; font:bold 12px Calibri, Arial, Helvetica, sans-serif;}
        ul {margin:0; padding:0; list-style-type:none;}
            ul li {display:block; float:left; width:120px; background:#666;}
        select {}
        </style>
    </head>
    <body>
        <form id="formulaire" action="positionListeDeroulante.htm" method="get">
            <h6>jkl j j jk jklmjklmjl  jklmjklm </h6>
            <ul id="rbl1">
                <li id="lirbl10"><input id="rbl1_0" name="rbl1" type="radio" value="1"/><label for="rbl1_0">Oui</label></li>
                <li id="lirbl11"><input id="rbl1_1" name="rbl1" type="radio" value="0" checked="checked" /><label for="rbl1_1">Non</label></li>
            </ul>
            <h6>jkl hjkl hjk hjkhjkhjk jkhjkhjkhjklhkl hjk hjklhjkl </h6>
            <ul id="rbl2">
                <li id="lirbl20"><input id="rbl2_0" name="rbl2" type="radio" value="1"/><label for="rbl2_0">Oui</label></li>
                <li id="lirbl21"><input id="rbl2_1" name="rbl2" type="radio" value="0" checked="checked" /><label for="rbl2_1">Non</label></li>
            </ul>
            <h6>jkljkl jklj lkjkljklmjklm jkljkljkl jklj kl jkl</h6>
            <ul id="RadioRechercheBien">
                <li id="liRadioRechercheBien0"><input id="RadioRechercheBien_0" name="RadioRechercheBien" type="radio" value="1" /><label for="RadioRechercheBien_0">Oui</label></li>
                <li id="liRadioRechercheBien1"><input id="RadioRechercheBien_1" name="RadioRechercheBien" type="radio" value="0" checked="checked"  /><label for="RadioRechercheBien_1">Non</label></li>
            </ul>
            <label id="lblddl" for="ddl">jkl jlkm jkmljkjklm </label>
            <select name="ddl" id="ddl">
                <option selected="selected" value="1">jkl jklm</option>
                <option value="2">jkl jk lm</option>
                <option value="3">jklj kljklm</option>
            </select>
        </form>
    </body>
    </html>
    Voyez-vous d'où ça vient? Car moi je ne vois plus rien.

    Merci d'avance.

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Tu peux entourer le label et le select d'un p par exemple, et lui mettre un clear:both.

  3. #3
    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
    Je suis trop bête, devinez qui est l'auteur de cette source? http://www.developpez.net/forums/d44...s/#post2843241

    Merci Bisûnûrs

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

Discussions similaires

  1. Réponses: 2
    Dernier message: 28/01/2014, 12h07
  2. Positionnement d'une liste déroulante
    Par auriolbeach dans le forum Access
    Réponses: 7
    Dernier message: 26/03/2006, 11h39
  3. Se positionner sur un item d'une liste déroulante
    Par pyxosledisciple dans le forum IHM
    Réponses: 1
    Dernier message: 08/02/2006, 20h19
  4. liste déroulante. positionnement sur valeur par défaut
    Par mathieu_r dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 28/06/2005, 15h45
  5. Problème pour positionner une liste déroulante
    Par ouckileou dans le forum XSL/XSLT/XPATH
    Réponses: 3
    Dernier message: 30/09/2004, 01h05

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