[Résolu] Problème avec une liste déroulante

[FANCH 56]

Bonjour

J'ai fait une liste de contact pour administrateurs,dans une liste déroulante dans un widget.

Mais sur la première ligne, apparaît le nom donné à la liste déroulante.

J'ai beau tripatouillé dans tous les sens, pas moyen de retirer cette première ligne

Voir code et capture ci-dessous

Merci

Code:

<div style="text-align: center;"><select class="optionscolored" style="width: 280px;" onchange="location = this.value">
          <option selected="selected">JOINDRE UN ADMINISTRATEUR</option>

<option value="http://www.anciens-cols-bleus.net/profile?mode=email&amp;u=908">- Alain  29</option>
       
 <option value="http://www.anciens-cols-bleus.net/u997contact">- centime44</option>

          <option value="http://www.anciens-cols-bleus.net/profile?mode=email&amp;u=2792">- Charly.</option>

          <option value="http://www.anciens-cols-bleus.net/profile?mode=email&amp;u=658">- COLLEMANT Dominique</option>

          <option value="http://www.anciens-cols-bleus.net/profile?mode=email&amp;u=1327">- Franjacq</option>

          <option value="http://www.anciens-cols-bleus.net/profile?mode=email&amp;u=255">- Momo</option>

          <option value="http://www.anciens-cols-bleus.net/profile?mode=email&amp;u=276">- PAILLETTE</option>

          <option value="http://www.anciens-cols-bleus.net/profile?mode=email&amp;u=269">- SEGALEN Georges</option>

       
          </select></div>

[Scoubifitz]

coucou FANCH 56 !^^

c'est assez difficile , parce que chaque navigateur a sa propre définition des balises de formulaire ...

j'ai une demi-réussite avec Firefox et Chrome , mais sans Safari et IE ... juste en mettant du CSS ...

Code:

<style type="text/css">
  select.optionscolored option[selected] { display:none; }
</style>
<div style="text-align: center;">
  <select class="optionscolored" style="width: 280px;" onchange="location = this.value">
      <option selected="selected">JOINDRE UN ADMINISTRATEUR</option>
      <option value="http://www.anciens-cols-bleus.net/profile?mode=email&amp;u=908">- Alain  29</option>
      <option value="http://www.anciens-cols-bleus.net/u997contact">- centime44</option>
      <option value="http://www.anciens-cols-bleus.net/profile?mode=email&amp;u=2792">- Charly.</option>
      <option value="http://www.anciens-cols-bleus.net/profile?mode=email&amp;u=658">- COLLEMANT Dominique</option>
      <option value="http://www.anciens-cols-bleus.net/profile?mode=email&amp;u=1327">- Franjacq</option>
      <option value="http://www.anciens-cols-bleus.net/profile?mode=email&amp;u=255">- Momo</option>
      <option value="http://www.anciens-cols-bleus.net/profile?mode=email&amp;u=276">- PAILLETTE</option>
      <option value="http://www.anciens-cols-bleus.net/profile?mode=email&amp;u=269">- SEGALEN Georges</option>
    </select>
</div>

[FANCH 56]

Bonjour Scoubifitz

Pour ma part cela fonctionne sous Firefox et OPERA sous Linux.

Mais je ne vois pas ce que tu as changé, ou alors faut que je change mes lunettes

[Scoubifitz]

j'ai rajouté du CSS , juste au-dessus de ton code :

Code:

<style type="text/css">
  select.optionscolored option[selected] { display:none; }
</style>

... en essayant de rendre l'option "sélectionnée d'office" non-apparente .

Firefox vérifie la liste des options et affiche le contenu de l'option sélectionnée dans le champ du "select" , le CSS demande que le champ de l'option n'apparaisse pas dans le menu déroulant ...

... et comme chaque navigateur a ses propres règles , certains ne le font pas ... ou n'en tiennent pas compte ...

[FANCH 56]

Ok Merci

Résolu