Se connecter avec
S'enregistrer | Connectez-vous

menu CSS, pb de fonctionnement

Dernière réponse : dans Programmation

Bonjour à tous, :hello: 

Voila j'esssaye de créer un menu en m'aidant du CSS, pour le moment pas de problême. D'ailleurs le menu marche presque parfaitement .... Mais je ne posserait pas de question si il était parfait ...

En effet le texte du bouton est de la même couleur que le fond lorsque le lien est actif, du coup on ne voit plus le texte (logique), je voudrait que le texte soit blanc ... Et c'est là que je bloque, je comprend pas ... Je pense que le problême est la, dans cette partie de code :

  1. # current a
    

  2. {
    

  3. color : #FFFFFF;
    

  4. }





Alors si quelqu'un pouvait m'aidait ... :??: 

Voilà le code HTML :
  1. <HTML>
    

  2. <head>
    

  3. <link rel="stylesheet" type="text/css" href="style.css"/>
    

  4. </head>
    

  5. <body>
    

  6.    <div id="menu">
    

  7.       <ul id="list_menu">
    

  8.          <li id="active"><a href="#" id="current">Btn 1</a></li>
    

  9.          <li><a href="btn2.htm">Btn 2</a></li>
    

  10.          <li><a href="#">Btn 3</a></li>
    

  11.          <li><a href="#">Btn 4</a></li>
    

  12.          <li><a href="#">Btn 5</a></li>
    

  13.       </ul>
    

  14.    </div>
    

  15. ceci est la page du btn1
    

  16. </body>
    

  17. </html>





puis le CSS :

  1. div#menu
    

  2. {
    

  3. background-color: #FFFFFF;
    

  4. border-top: solid 1px #0097E5;
    

  5. border-bottom: solid 1px #0097E5;
    

  6. }
    

  7.  
  8. div#menu ul
    

  9. {
    

  10. font-family: Arial, Helvetica, sans-serif;
    

  11. font-weight: bold;
    

  12. color: white;
    

  13. text-align: center;
    

  14. margin: 0;
    

  15. padding-bottom: 4px;
    

  16. padding-top: 5px;
    

  17. }
    

  18.  
  19. div#menu ul li
    

  20. {
    

  21. display: inline;
    

  22. margin-left: -4px;
    

  23. }
    

  24.  
  25. div#menu ul li a
    

  26. {
    

  27. padding: 5px 10px 5px 10px;
    

  28. color: #0097E5;
    

  29. text-decoration: none;
    

  30. }
    

  31.  
  32. div#menu ul li a:hover
    

  33. {
    

  34. background-color: #0097E5;
    

  35. color: white;
    

  36. }
    

  37.  
  38. # current a
    

  39. {
    

  40. color : #FFFFFF;
    

  41. }
    

  42.  
  43. #current
    

  44. {
    

  45. background-color: #0097E5;
    

  46. }



Autres pages sur : menu css fonctionnement

Lassé par la pub ? Créez un compte

Pas de problême, je voulais pas la dire si sa intérésé personne ... ;) 

En fait j'ai donné un identifiant a chaque lien, id=current pour le lien actuel et id=nocurrent pour les autres ...
Avec sa j'ai pu gérer mes couleurs come je le souhaite ...

Voila, c'est tout. :bounce: 

nacre_81 a dit :
Pas de problême, je voulais pas la dire si sa intérésé personne ... ;) 

En fait j'ai donné un identifiant a chaque lien, id=current pour le lien actuel et id=nocurrent pour les autres ...
Avec sa j'ai pu gérer mes couleurs come je le souhaite ...

Voila, c'est tout. :bounce: 

Ouaip, alors in ID est unique dans la page ! Si on veut que des objets partagent des règles CSS dans une même page, on utilise 'class' et pas 'id'..

:jap: 
Lassé par la pub ? Créez un compte

Créer un nouveau sujet