Impossible de voir le texte d'un "select"

Impossible de voir le texte d'un "select" - HTML/CSS - Programmation

Marsh Posté le 09-08-2007 à 00:45:38    

Bonjour à tous.
Me voilà nouveau sur le forum. D'habitude je trouve généralement mes réponses sur ce forum, mais là...
Bref, mon problème est le suivant :  
Je n'arrive pas à faire pour que le texte de mon select soit centré !!
Mon code HTML pour le select est le suivant :  

Code :
  1. <select name="recherche">
  2.                     <option value="monstre" selected="selected" style="color:#FF0000; text-align:center;">Monstre</option>
  3.                     <option value="level" style="color:red; text-align:center">Level</option>
  4.                     <option value="ressource" style="color:red; text-align:center;">Ressource</option>
  5.                                     </select>


Je ne trouve franchement pas où est l'erreur !! Je voudrais savoir la solution au plus vite, merci.
Voici une image expliquant ce sujet, cliquez ici


Message édité par d4rkv4n le 09-08-2007 à 00:56:17
Reply

Marsh Posté le 09-08-2007 à 00:45:38   

Reply

Marsh Posté le 09-08-2007 à 01:18:34    

il faut mettre ton attribut style au niveau du select :

Code :
  1. <select name="recherche" style="color: #FF0000; text-align: center;">
  2.         <option value="monstre" selected="selected">Monstre</option>
  3.         <option value="level">Level</option>
  4.         <option value="ressource">Ressource</option>
  5. </select>


Message édité par TheRom_S le 09-08-2007 à 01:18:58

---------------
The Rom's, à votre service
Reply

Marsh Posté le 09-08-2007 à 01:28:23    

Merci beaucoup pour cette réponse très rapide, je teste ça de suite.
 
EDIT : Eh bien voilà, ça recommence... J'avais réussi à le centrer une fois, mais il ne s'affichait pas en rouge. Ça le refait ... Voici l'image : cliquez ici


Message édité par d4rkv4n le 09-08-2007 à 01:45:17
Reply

Marsh Posté le 09-08-2007 à 01:30:26    

Ben ça a l'air de pas marcher sous IE en fait, que sous FF


---------------
The Rom's, à votre service
Reply

Marsh Posté le 09-08-2007 à 01:47:13    

Ah moi je travaille sous Opera... Tout marche quasi-parfaitement sous Opera, d'habitude ça marche ça... Ce ne serait pas un problème de ma feuille CSS ?

Code :
  1. html *{
  2. margin: 0;
  3. padding: 0;
  4. font-family: Tahoma, Verdana, Arial , sans-serif;
  5. color: white;
  6. }
  7. form input {
  8. color:#0066FF;
  9. text-align:center;
  10. }
  11. body {
  12. text-align: center;
  13. background: black url('images/background_content_bottom.jpg') repeat-y top center;
  14. }

Reply

Marsh Posté le 09-08-2007 à 02:13:48    

En effet cela vient de mon CSS

Code :
  1. html *{
  2. margin: 0;
  3. padding: 0;
  4. font-family: Tahoma, Verdana, Arial , sans-serif;
  5. color:#FFFFFF;
  6. }


Je viens de tester sans, et ça vient de là. Mais comment pourrais-je faire pour que tout ce qu'il y a sur la page soit écrit en blanc, sauf ce fameux "select" ?
Pourtant vous le voyez bien, beaucoup de choses sur la page ne sont pas écrites en blanc, donc il n'y a pas de conflit avec le CSS.

Reply

Marsh Posté le 09-08-2007 à 04:44:14    

Met la propriété color:#FFFFFF;
 
sur body  ;)

Reply

Marsh Posté le 09-08-2007 à 05:33:57    

on ne fait jamais de * {color:#...} en CSS
on déclare juste la couleur sur le body, et comme le color est inherit (il est hérité par défaut) tout glisse

Reply

Marsh Posté le 09-08-2007 à 09:23:55    

voici un topic où j'avais un problème un peu similaire il me semble : http://forum.hardware.fr/forum2.ph [...] w=0&nojs=0

Reply

Marsh Posté le 09-08-2007 à 15:51:06    

Merci à tous, mais ça ne marche pas...
Voyez par vous-même :  
CLIQUEZ ICI
Alors ce qui fait partie de mon HTML ne s'affiche pas en blanc.
Ce que je voulais faire fonctionne, mais un autre problème s'impose...
Ce que j'ne comprends pas, c'est que on voit bien "Aboub - Niveau : 35 à 47" en blanc, alors que je n'y ai pas mis de balise...
Voici le code HTML :

Code :
  1. $tableau['nom'] = str_replace('é', 'e', $tableau['nom']);
  2. echo "<table width=\"100%\" border=\"2\" cellspacing=\"0\" cellpadding=\"0\" bgcolor=\"#191919\">";
  3. echo "<tr><td colspan=\"2\"><br>".$tableau['nom']." - Niveau : ".$tableau['level']."<br><br></td></tr>";
  4. echo "<tr><td width=\"154\"><br><img src=\"bestiaire/monstres/".$tableau['nom'].".jpg\"><br></td><td width=\"155\"><div id=\"pourcent\"><br>".$tableau['ressources']."<br><br></div></td></tr>";
  5. echo "</table>";


On voit qu'il n'y a pas de balise sur $tableau['nom']...
Et voici le code CSS

Code :
  1. form input {
  2. color:#0066FF;
  3. text-align:center;
  4. }
  5. body {
  6. text-align: center;
  7. background: black url('images/background_content_bottom.jpg') repeat-y top center;
  8. }
  9. div#body2 {
  10. width: 1000px;
  11. margin: 0 auto;
  12. text-align: justify;
  13. }
  15. h1#titre_site {
  16. width: 100%;
  17. height: 554px;
  18. background: url('images/background_titre-modif.jpg') no-repeat top center;
  19. }
  20. h1#titre_site span {
  21. display: block;
  22. width: 130px;
  23. height: 80px;
  24. position: absolute;
  25. margin: 405px 0 0 425px;
  26. font-size: 18px;
  27. text-align: center;
  28. }
  30. div#menu {
  31. width: 100%;
  32. height: 37px;
  33. background: url('images/background_menu.jpg') no-repeat top center;
  34. text-align: center
  35. }
  36. div#menu ul {
  37. width: 360px;
  38. margin: 0 auto;
  39. padding: 0 0 0 10px !important;
  40. padding: 0 10px 0 0;
  41. }
  42. div#menu li {
  43. float: left;
  44. list-style: none;
  45. }
  46. div#menu li a {
  47. display: block;
  48. width: 70px;
  49. height: 37px;
  50. line-height: 35px;
  51. color: #d0b544;
  52. font-weight: bold;
  53. text-decoration: none;
  54. margin-left: 0 !important;
  55. margin-left: -5px;
  56. }
  58. div#content {
  59. width: 100%;
  60. min-height: 378px;
  61. background: url('images/background_content.jpg') no-repeat top center;
  62. text-align: center
  63. }
  64. div#content2 {
  65. width: 340px;
  66. margin: 0 auto;
  67. text-align: justify;
  68. font-size: 0.8em;
  69. }
  70. #footer {
  71. width: 100%;
  72. height: 475px;
  73. background: url(images/background_footer.jpg) no-repeat top center;
  74. }
  76. div#news {
  77. width: 340px;
  78. margin: 0 auto;
  79. text-align: center;
  80. font-size: 0.8em;
  81. color: red;
  82. }
  83. #pourcent {
  84. font-size:11px;
  85. color:#66FFFF;
  86. }
  87. #monstres {
  88. font-size:11px;
  89. color:#00FF00;
  90. }


Qu'est-ce qui pourrait bien être en conflit... ?
Encore merci à tous.
 
PS : rufo, je vais aller voir ton lien, merci.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed