Comment centrer le texte a l'interieur d'une liste déroulante

**thefdm** · 29/01/2008, 22h08

Bonjour, je voudrai savoir comment centrer le texte a l'interieur d'une list deroulante?

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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<p><style type="text/css">
input {width: 8em;font-size: 9px}
 
select { 
 background-color: #000000; 
 color: #89a4ff;
 font-size: 7pt;
 font-family: verdana, sans-serif;
}
 
</style></p>
<p align="center"><!-- debut du script --></p>
<div align="left">
<form name="jump">
    <script>
function jumpMenu()
{
 location=document.jump.menu.options[document.jump.menu.selectedIndex].value;
}
</script> <a href="Javascript:jumpMenu()"><img border="0" align="absmiddle" alt="" src="http://thefdm.wifeo.com/images/accs.gif" /></a><select name="menu">
    <option value="http://thefdm.wifeo.com/">Accueil</option>
    <option value=""> </option>
    <option value="http://thefdm.wifeo.com/site-intteressants-.php">--------On the Web--------</option>
    <option value=""> </option>
    <option value="http://thefdm.wifeo.com/social.php">Actualit&eacute;s Social</option>
    <option value="http://thefdm.wifeo.com/politique.php">Info politique</option>
    <option value="http://thefdm.wifeo.com/science.php">Actualit&eacute;s Scientifiques</option>
    <option value="http://thefdm.wifeo.com/high-tech.php">High-Tech</option>
    <option value="http://thefdm.wifeo.com/sympa.php">Sites Sympa</option>
    <option value="http://thefdm.wifeo.com/bricolage.php">Bricolage</option>
    <option value=""> </option>
    <option value="http://thefdm.wifeo.com/video-a-se-procurer.php">---------Regarder---------</option>
    <option value=""> </option>
    <option value="http://thefdm.wifeo.com/flash-rigoloengage.php">Clips engag&eacute;s</option>
    <option value="http://thefdm.wifeo.com/streaming.php">Streaming (guignol etc..)</option>
    <option value="http://thefdm.wifeo.com/documentaire-conseilles.php">Streaming Documentaires</option>
    <option value="http://thefdm.wifeo.com/rigolo.php">Rigolo</option>
    <option value="http://thefdm.wifeo.com/films-engages.php">Films engag&eacute;s</option>
    <option value="http://thefdm.wifeo.com/tv.php">TV</option>
    <option value=""> </option>
    <option value="http://thefdm.wifeo.com/lire.php">-----------Lire-----------</option>
    <option value=""> </option>
    <option value="http://thefdm.wifeo.com/ecouter.php">---------Playlists---------</option>
    <option value=""> </option>
    <option value="">---------Cr&eacute;ations--------</option>
    <option value=""> </option>
    <option value="http://thefdm.wifeo.com/musique.php">Ma musique</option>
    <option value="http://thefdm.wifeo.com/photo.php">Mes photos </option>
    <option value="http://thefdm.wifeo.com/video.php">Mes vid&eacute;os </option>
    <option value=""> </option>
    <option value="">-------Informatique------</option>
    <option value=""> </option>
    <option value="http://thefdm.wifeo.com/services-web.php">Services web </option>
    <option value="http://thefdm.wifeo.com/programmes-conseilles.php">Progs conseill&eacute;s</option>
    <option value="http://thefdm.wifeo.com/astuces.php">Trucs &amp; Astuces</option>
    <option value=""> </option>
    <option value="">---------Autres---------</option>
    <option value=""> </option>
    <option value="http://thefdm.wifeo.com/service-blog.html">Blog (news)</option>
    <option value="http://thefdm.wifeo.com/service-guestbook.html">Livre d'or</option>
    </select>
</form>
</div>
<!-- fin du script -->

Hum j'ai pas trouvé d'option malgrés de nombreux test

edit: si vous connaissez une astuce pour faire des espaces proprement pour eviter ce gruge....

Code :

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

<option value=""> </option>

**kaiser59** · 29/01/2008, 22h56

Salut,

Sa ne marche pas un text-align dans le select ?

Code css :

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

select {text-align:center;}

**thefdm** · 29/01/2008, 23h30

Si bien vu, reste quand meme un detail amusant, ca ne centre pas les rubrique (ce que j'entoure de "----------")

sinon nickel, bizzar d'ailleur il me semblai avoir esayer, hum j'ai du taper de la ### comme d'habitude

merci bcp!

edit: ne fonctionne pas sous internet explorer (je dirai bien, bien fait pour eux mais bon....

)

**kaiser59** · 30/01/2008, 17h18

Plutôt que de t'embêter à essayer de centrer pourquoi n'opterais-tu pas pour ce genre de chose :

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
<select name="menu">
  <option value="">&nbsp;</option>
    <optgroup label="On the web">
    <option value="http://thefdm.wifeo.com/site-intteressants-.php">Accueil</option>
    <option value="http://thefdm.wifeo.com/social.php">Actualit&eacute;s Social</option>
    <option value="http://thefdm.wifeo.com/politique.php">Info politique</option>
    <option value="http://thefdm.wifeo.com/science.php">Actualit&eacute;s Scientifiques</option>
    <option value="http://thefdm.wifeo.com/high-tech.php">High-Tech</option>
    <option value="http://thefdm.wifeo.com/sympa.php">Sites Sympa</option>
    <option value="http://thefdm.wifeo.com/bricolage.php">Bricolage</option>
  </optgroup>
  <optgroup label="Regarder">
    <option value="http://thefdm.wifeo.com/video-a-se-procurer.php">Accueil</option>
    <option value="http://thefdm.wifeo.com/flash-rigoloengage.php">Clips engag&eacute;s</option>
    <option value="http://thefdm.wifeo.com/streaming.php">Streaming (guignol etc..)</option>
    <option value="http://thefdm.wifeo.com/documentaire-conseilles.php">Streaming Documentaires</option>
    <option value="http://thefdm.wifeo.com/rigolo.php">Rigolo</option>
    <option value="http://thefdm.wifeo.com/films-engages.php">Films engag&eacute;s</option>
    <option value="http://thefdm.wifeo.com/tv.php">TV</option>
  </optgroup>
</select>