Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1665 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Impossible de voir le texte d'un "select"

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Impossible de voir le texte d'un "select"

n°1597511
d4rkv4n
Posté le 09-08-2007 à 00:45:38  profilanswer
 

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
mood
Publicité
Posté le 09-08-2007 à 00:45:38  profilanswer
 

n°1597513
TheRom_S
Posté le 09-08-2007 à 01:18:34  profilanswer
 

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
n°1597514
d4rkv4n
Posté le 09-08-2007 à 01:28:23  profilanswer
 

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
n°1597515
TheRom_S
Posté le 09-08-2007 à 01:30:26  profilanswer
 

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


---------------
The Rom's, à votre service
n°1597518
d4rkv4n
Posté le 09-08-2007 à 01:47:13  profilanswer
 

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. }

n°1597522
d4rkv4n
Posté le 09-08-2007 à 02:13:48  profilanswer
 

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.

n°1597526
xtof_83
Freeride Spirit
Posté le 09-08-2007 à 04:44:14  profilanswer
 

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

n°1597527
gatsu35
Blablaté par Harko
Posté le 09-08-2007 à 05:33:57  profilanswer
 

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

n°1597549
rufo
Pas me confondre avec Lycos!
Posté le 09-08-2007 à 09:23:55  profilanswer
 

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

n°1597741
d4rkv4n
Posté le 09-08-2007 à 15:51:06  profilanswer
 

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.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Impossible de voir le texte d'un "select"

 

Sujets relatifs
appel javascript impossible dans page appelée en ajax[VBA] champs texte et espaces
[MySQL] SELECT avec LEFT JOIN et LIMITImpossible d'afficher une image ?
activate, selectc# problème formatage fichier texte
Lien dynamique avec SELECTprévisualisation impossible
[Résolu] Affichage variable de champs texte en Dreamweaverfichier .htaccess, error 500, Redirection impossible
Plus de sujets relatifs à : Impossible de voir le texte d'un "select"

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.065 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR