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 :

Alignement dans une liste <select>


Sujet :

HTML

  1. #1
    Membre �clair�
    Homme Profil pro
    Retrait� Ing Electronique
    Inscrit en
    Mars 2004
    Messages
    369
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 78
    Localisation : France, C�tes d'Armor (Bretagne)

    Informations professionnelles :
    Activit� : Retrait� Ing Electronique
    Secteur : High Tech - Op�rateur de t�l�communications

    Informations forums :
    Inscription : Mars 2004
    Messages : 369
    Par d�faut Alignement dans une liste <select>
    Bonjour,

    Dans un formulaire j'utilise un champ de s�lection dans une liste (<select ...>)

    Cette liste est constitu�e d'un nom � longueur variable pr�c�d� d'une abr�viation courte et de longueur variable �galement.

    Je voudrais que dans la liste de s�lection, apparaisse align�s verticalement abr�viations et nom.

    Pour cela j'utilise
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    <select name="name" style="font-family:Fixedsys,courier" size="1">
    <option value=<? echo $abrev; ?><? echo str_pad($abrev,10,' ')." ".$nom; ?></option>
    ...
    </select>
    Malheureusement l'espace n'est pas r�p�t�

    Avez vous une solution pour moi ?

    Merci

  2. #2
    Membre �m�rite
    Avatar de Linaa
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    987
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2005
    Messages : 987
    Par d�faut
    Bonsoir,

    Essaies de remplacer l'espace ' ' par '&nbsp;'
    Mais bon, je ne vois pas l'utilit� de mettre des espaces dans la valeur si c'est pour traiter les donn�es par la suite...

  3. #3
    Membre �clair�
    Homme Profil pro
    Retrait� Ing Electronique
    Inscrit en
    Mars 2004
    Messages
    369
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 78
    Localisation : France, C�tes d'Armor (Bretagne)

    Informations professionnelles :
    Activit� : Retrait� Ing Electronique
    Secteur : High Tech - Op�rateur de t�l�communications

    Informations forums :
    Inscription : Mars 2004
    Messages : 369
    Par d�faut
    Merci Linaa, mais �a j'ai d�j� essay�, mais idem

  4. #4
    Membre Expert Avatar de Tober
    Homme Profil pro
    Ing�nieur d�veloppement logiciels
    Inscrit en
    Juillet 2007
    Messages
    824
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 40
    Localisation : Luxembourg

    Informations professionnelles :
    Activit� : Ing�nieur d�veloppement logiciels
    Secteur : Finance

    Informations forums :
    Inscription : Juillet 2007
    Messages : 824
    Par d�faut
    Je pense que tu devrais mettre ton formatage entre les balises <option>ICI</option> et mettre en value la valeur que tu veux r�cup�rer quand tu envoies le formulaire !

  5. #5
    Membre averti
    Inscrit en
    F�vrier 2007
    Messages
    37
    D�tails du profil
    Informations forums :
    Inscription : F�vrier 2007
    Messages : 37
    Par d�faut
    Salut,
    Je suis pas s�r mais essai ca :

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    <select name="name" style="font-family:Fixedsys,courier" size="1">
    <option value=<? echo '"'.$abrev'; ?><? echo str_pad($abrev,10,' ')."&nbsp;&nbsp;".$nom."\""; ?></option>
    ...
    </select>
    Dit nous ce que ca donne xD

  6. #6
    Membre �clair�
    Homme Profil pro
    Retrait� Ing Electronique
    Inscrit en
    Mars 2004
    Messages
    369
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 78
    Localisation : France, C�tes d'Armor (Bretagne)

    Informations professionnelles :
    Activit� : Retrait� Ing Electronique
    Secteur : High Tech - Op�rateur de t�l�communications

    Informations forums :
    Inscription : Mars 2004
    Messages : 369
    Par d�faut
    J'ai fait �a, sans l'apostrophe apr�s $abrev, mais sans r�sultat
    Citation Envoy� par M@t2802
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    <select name="name" style="font-family:Fixedsys,courier" size="1">
    <option value=<? echo '"'.$abrev; ?><? echo str_pad($abrev,10,' ')."&nbsp;&nbsp;".$nom."\""; ?></option>
    ...
    </select>
    Rat�

    Ensuite j'ai fait
    Citation Envoy� par Tober
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    <select name="name" size="1">
    <option style="font-family:Fixedsys,courier" value=<? echo $abrev; ?><? echo str_pad($abrev,10,' ').$nom; ?></option>
    ...
    </select>
    Sans plus de r�sultat

    D�sol�, mais merci de vos r�ponses

    Quelqu'un a-t-il une autre id�e ?

  7. #7
    Membre averti
    Inscrit en
    F�vrier 2007
    Messages
    37
    D�tails du profil
    Informations forums :
    Inscription : F�vrier 2007
    Messages : 37
    Par d�faut
    Ok ! XD Ca vallait le cout d'essayer ! LOL

    Bon corrigez moi si je me trompe mais normalement tu dois avoir
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
     
    <option value="TA VALEUR">Hum Donutssss</option>
    Or, si je lis ton 2eme essay tu as
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    <option value=TA VALEUR>Hum Donutssss</option>
    Sauf si tu es des guillemets dans ta variable ?

    ensuite tu peux essayer de tout concatener au lieu de faire plusieurs ECHO ^^.
    et je pense que le mieux serai de tout mettre dans une variable juste avant un truc du genre :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
     
    <?php
    $valeur_final = $abrev . str_pad($abrev,10,' ') . $nom;
    ?>
    <option style="font-family:Fixedsys,courier" value=<? echo '"' . $valeur_final . '"'; ?></option>
    Sinon tu peux aussi faire ca :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    <?php
    echo '<option style="font-family:Fixedsys,courier" value="' . $valeur_final . '"'></option>
    ?>

  8. #8
    Membre �clair�
    Homme Profil pro
    Retrait� Ing Electronique
    Inscrit en
    Mars 2004
    Messages
    369
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 78
    Localisation : France, C�tes d'Armor (Bretagne)

    Informations professionnelles :
    Activit� : Retrait� Ing Electronique
    Secteur : High Tech - Op�rateur de t�l�communications

    Informations forums :
    Inscription : Mars 2004
    Messages : 369
    Par d�faut
    Voila exactement ce que j'ai �crit
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
     
    <?php
    $valeur_final = $abrev . str_pad($abrev,10,' ') . $nom;
    ?>
    <option style="font-family:Fixedsys,courier" value="VALEUR A TRNSMETTRE"><? echo '"' . $valeur_final . '"'; ?></option>
    Mais d�sol� car ne marche pas.

    Quand j'�cris "str_pad($abrev,10,'.')" un point rempla�ant l'espace, les noms sont bien align�s, mais quand je remet l'espace, le str_pad n'ajoute qu'un seul espace et plus d'alignement !

    Pour mon info, quelle est l'utilit� des deux '"' ?

  9. #9
    Membre �m�rite
    Avatar de Linaa
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    987
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2005
    Messages : 987
    Par d�faut
    Citation Envoy� par FAQ (X)HTML
    Les listes d�roulantes ne peuvent contenir que du texte.
    Les espaces "en trop" (whitespace) sont donc supprim�s.
    Le seul moyen que je vois est d'utiliser un autre caract�re que l'espace.

  10. #10
    Membre �clair�
    Homme Profil pro
    Retrait� Ing Electronique
    Inscrit en
    Mars 2004
    Messages
    369
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 78
    Localisation : France, C�tes d'Armor (Bretagne)

    Informations professionnelles :
    Activit� : Retrait� Ing Electronique
    Secteur : High Tech - Op�rateur de t�l�communications

    Informations forums :
    Inscription : Mars 2004
    Messages : 369
    Par d�faut
    Donc demande irr�aliste

    Merci Linaa

  11. #11
    Membre Expert Avatar de Tober
    Homme Profil pro
    Ing�nieur d�veloppement logiciels
    Inscrit en
    Juillet 2007
    Messages
    824
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 40
    Localisation : Luxembourg

    Informations professionnelles :
    Activit� : Ing�nieur d�veloppement logiciels
    Secteur : Finance

    Informations forums :
    Inscription : Juillet 2007
    Messages : 824
    Par d�faut
    Citation Envoy� par Linaa
    FAQ (X)HTML a �crit :
    Les listes d�roulantes ne peuvent contenir que du texte.
    Les espaces "en trop" (whitespace) sont donc supprim�s.
    Le seul moyen que je vois est d'utiliser un autre caract�re que l'espace.
    Je vois pas pourquoi tu dis que les espaces en trop sont supprim�s car les listes d�roulantes ne peuvent contenir que du texte !
    Un espace est consid�r� comme un caract�re donc comme un texte !
    L'exemple suivant marche tr�s bien sur IE6 et FF
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    <select>
    <option>&nbsp;.</option>
    <option>&nbsp;&nbsp;..</option>
    <option>&nbsp;&nbsp;&nbsp;...</option>
    <option>&nbsp;&nbsp;&nbsp;&nbsp;....</option>
    </select>

  12. #12
    Membre chevronn� Avatar de Strix
    Inscrit en
    Novembre 2006
    Messages
    632
    D�tails du profil
    Informations forums :
    Inscription : Novembre 2006
    Messages : 632
    Par d�faut
    Bonjour bonjour !

    Bon je pense que c'est plus une histoire de mauvaise �criture qu'autre chose.
    En faisant des test simple pas de soucis.

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    	<option value="<? echo $abrev; ?><? echo str_pad($abrev,10,' ').$nom; ?>"><?php echo $abrev.'&nbsp;&nbsp;'.$nom ; ?></option></select>
    Faire bien attention aux " pour value.
    L� tu peux placer autant d'espaces (via &nbsp; ) que tu le souhaites entre <option> et </option>

    Le code n'est pas le m�me que le tien �tant donn� que je n'ai pas certaines valeurs mais si c'est correctement �crit, �a marche

  13. #13
    Membre �clair�
    Homme Profil pro
    Retrait� Ing Electronique
    Inscrit en
    Mars 2004
    Messages
    369
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 78
    Localisation : France, C�tes d'Armor (Bretagne)

    Informations professionnelles :
    Activit� : Retrait� Ing Electronique
    Secteur : High Tech - Op�rateur de t�l�communications

    Informations forums :
    Inscription : Mars 2004
    Messages : 369
    Par d�faut
    Bonjour Strix,

    J'avais bien vu les oublis de " donc m�me si les " sont bien plac�s �� ne marche pas.

    Je vais �ssayer la proposition de Tober et vous r�pond demain

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. [MySQL] Forcer selection dans une liste d�roulante select
    Par snorky94 dans le forum PHP & Base de donn�es
    R�ponses: 1
    Dernier message: 28/07/2012, 13h41
  2. inserer une image dans une liste deroulante (select)
    Par titan_33 dans le forum Balisage (X)HTML et validation W3C
    R�ponses: 2
    Dernier message: 16/02/2012, 18h08
  3. R�ponses: 1
    Dernier message: 01/02/2012, 16h57
  4. [SQL] Doublon dans une liste de <select
    Par Interface dans le forum PHP & Base de donn�es
    R�ponses: 3
    Dernier message: 30/09/2007, 23h01
  5. Pb de mise en forme dans une liste de selection
    Par crashyear dans le forum Balisage (X)HTML et validation W3C
    R�ponses: 2
    Dernier message: 07/09/2006, 11h58

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