Discussion :

[rgdu86]

Bonjour à tous,

J'ai une liste déroulante dans une de mes pages et je souhaiterais centrer les informations qui sont à l'intérieur.

Donc comment faire s'il vous plait ?

Par avance, merci à ceux qui me répondront.

Bien cordialement.

rgdu86

[Erwan31]

Bonsoir,
a priori pas bien compliqué

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

ul {text-align:center;}

[rgdu86]

Le soucis c'est que je n'ai pas de balise ul dans mon code.

Comment faire alors ?

Bien cordialement.

rgdu86

[clb56]

Le souci c'est que je n'ai pas de balise ul dans mon code.

Salut,

En fait le vrai souci c'est que l'on ne sait pas très bien ce que tu entends par liste déroulante.

S'agit il d'une liste simple rendue déroulante via javascript comme cela se trouve souvent pour les menus par exemple ?

Ou bien s'agit t'il d'un déroulement de formulaire qui correspond au html:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
<form action="" method="post">
<p>
<label for="choix">Faites un choix</label>: 
</p>
<select name="choix" id="choix">
<option value="something" selected="selected">choix 1</option>
<option value="something">choix 2</option>
<option value="something">choix 3</option>
<option value="something">choix 4</option>
</select>
</form>

Dans ce 2ème cas un style:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
option {
text-align:center;
}

Devrait convenir

Mais bon,

dans mon code

Ben c'est quoi ton code finalement...

[rgdu86]

Voilà le code qu'il te faut pour mieu comprendre mon cas :

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
 
echo "<SELECT NAME=\"film\">";
  echo "<OPTION SELECTED>-- Choisir un film --</OPTION>";
  while($tupleFilm)
  {
    $annee="";
    $date=$tupleFilm["datefilm"];
    $annee=$date[6].$date[7].$date[8].$date[9];
    echo "<OPTION value=\"lesfilms.php\">";
      echo $annee." - ";
      echo $tupleFilm["titrefilm"];
      echo "</OPTION>";
      $tupleFilm=mysql_fetch_array($CurseurFilm);
  }
echo "</SELECT>";

Voilà qui devrait t'aider.

Bien cordialement.

rgdu86

[Erwan31]

Bonjour,
je te suggère de prendre connaissance des différentes règles présentes sur ce topic que tu ne respectes qu'en partie

[eyango]

Bonjour,
J'ai un problème similaire à celui à l'origine de ce post. En effet, voici un extrait de mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
#option {
 text-align:right; font-weight:bold; color:red;
}
 
...
 
<select>
   <option id="option">1</option>
   <option id="option">2</option>
</select>
...

Sur FF, tout se passe comme prévu cad dans la liste déroulante, texte à droite en gras et en rouge.

Sur IE (6 et 7 en l'occurrence), il n'y a que la couleur rouge qui est prise en compte.

Ma question : comment faire pour que les deux autres styles soient pris en compte sur IE ?

Merci d'avance/

[Doki95]

Tu peux tenter avec une balise span pour appliquer ton style

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<select>
   <option id="option"><span>1</span></option>
   <option id="option"><span>2</span></option>
</select>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
#option span {
   text-align: right; 
   font-weight: bold;  
   color:red;
}

[Auteur]

Tu peux tenter avec une balise span pour appliquer ton style

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<select>
   <option id="option"><span>1</span></option>
   <option id="option"><span>2</span></option>
</select>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
#option span {
   text-align: right; 
   font-weight: bold;  
   color:red;
}

oooooooooooooooooooooooh !!!!
des balises HTML dans des balises options

Sur IE (6 et 7 en l'occurrence), il n'y a que la couleur rouge qui est prise en compte.

Ma question : comment faire pour que les deux autres styles soient pris en compte sur IE ?

Il n'y a rien à faire...... Et attention ne confonds pas les attributs class et id. La valeur d'un id est unique et se réfère à un seul et unique objet.


Avec l'exemple ci-dessous, sous IE 8 seul l'alignement du texte n'est pas appliqué.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<select style="text-align: right; font-weight: bold;  color:red; width: 50px">
   <option>1</option>
   <option>2</option>
</select>