28220 sujets

CSS et mise en forme, CSS3

Bonjour,

Voila c'est tres simplet mais ca m'enerve beaucoup :

J'ai envie de mettre en forme les formulaires deroulants en mettant en valeur certains choix. Sous Firefox, pas de probleme ca marche. Sous IE impossible ...

Voila le code HTML et CSS pour eclairer cos lanternes :

"HTML" a écrit :
<form method="post" action="recherche_rapide.php">
<p>
<select name="destination" tabindex="10">
<option value= "am_nord" class="region">Amérique du Nord</option>
<option value="canada" class="pays">Canada</option>
<option value="etats-unis" class="pays">Etats-Unis</option>


Je veux donc mettre en gras les region et indenter les pays

"CSS" a écrit :
select
{
font: 11px Arial, "Times New Roman", serif;
}
option.region
{
font: bold 11px Arial, "Times New Roman", serif;
}

option.pays
{
font: 11px Arial, "Times New Roman", serif;
text-indent: 10px;
}


Voila, merci si vous comprenez pourquoi IE refuse de m'afficher ce truc correctement
Salut !!

En fait je pense que certains aspects des options ne peuvent être modifier avec IE, sur le select par-contre ça fonctionne.

Pourquoi n'utilises tu pas les <optgroup> qui ont pratiquement l'effet que tu souhaites :

<form method="post" action="recherche_rapide.php">
  <select name="destination" tabindex="10">
    <optgroup label="Amérique du Nord">
      <option value="canada" class="pays">Canada</option>
      <option value="etats-unis" class="pays">Etats-Unis</option>
    </optgroup>
  </select>
</form>
Ok donc IE fait encore des siennes ...

En fait je n'utilise pas optgroup car j'aimerai avoir aussi la possibilité de selectionner les "chefs de groupes", et je ne crois pas que ce soit possible avec <optgroup>, j'espere me tromper

Merci en tout cas
Non, je ne pense pas que la sélection des categories de groupe soit possible, dû moins à ma connaissance.

Vivement IE7 Smiley decu