FORUM Tom's Hardware » Programmation » HTML / Javascript » Demande d'aide (CSS)
 

Demande d'aide (CSS)

Matériel : kekk, Tatul Le Bistrot : je_rig0le Réseaux : be-bop et 150 utilisateurs inconnus
Ajouter une réponse



 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet : Demande d'aide (CSS)
 
Plus d'informations

Bon allez dernier post, et celui-ci je ne pourrai y répondre seul  :lol:  
 
donc dans les pages créées précédemment j'ai 2 listes.
L'une s'appelle navigationtop (pour le menu du dessus) et l'autre navigationmenu (menu du bas).
 
Voici le code :

Code :
  1. <body>
  2. <div id="conteneur">
  3. <div id="banner">
  4. </div>
  5. <div id="banner2">
  6. <div id="navigationtop">
  7. <ul>
  8. <li><a href="#">Testing</a></li>
  9. <li><a href="#">Training</a></li>
  10. <li><a href="#">Coaching</a></li>
  11. <li><a href="#">Consultancy</a></li>
  12. </ul>
  13. </div>
  14. <img src="images/banner2.png" class="baniole" alt="image bannière"/>
  15. </div>
  16. <div id="menu">
  17. <div id="navigationmenu">
  18. <ul>
  19. <li><a href="#">LIENS 1</a></li>
  20. <li><a href="#">LIENS 2</a></li>
  21. <li><a href="#">LIENS 3</a></li>
  22. <li><a href="#">LIENS 4</a></li>
  23. </ul>
  24. </div>
  25. </div>
  26. <div id="contenu">
  27. </div>
  28. <div id="footer">
  29. </div>
  30. </div>
  31. </body>


Code :
  1. body {
  2.     padding:0px;
  3.     margin:0px;
  4.     background-image:url(images/fond.png);
  5.     background-repeat:repeat-x;
  6.     background-color:#FFFFFF;
  7. }
  8. #conteneur {
  9.     width:712px;
  10.     background-color:#FFFFFF;
  11.     margin:auto;
  12. }
  13. #banner {
  14.     width:100%;
  15.     height:100px;
  16.     background-image:url(images/banner1.png);
  17.     background-repeat:no-repeat;
  18. }
  19. #banner2 {
  20.     width:100%;
  21.     height:150px;
  22.     background-color:#BFC3DC;
  23. }
  24. #menu {
  25.     float:left;
  26.     width:125px;
  27.     background-color:#5C6AA1;
  28. }
  29. #contenu {
  30.     width:550px;
  31.     margin-left:20px;
  32.     margin-top:15px;
  33.     height:100px;
  34.     float:left;
  35.     background-color:#BFC3DC;
  36. }
  37. #footer {
  38.     background-color:#FFFF00;
  39.     height:25px;
  40.     clear:both;
  41. }
  42. .baniole {
  43.     width:600px;
  44.     height:125px;
  45.     margin-left:56px;
  46. }
  47. #navigationtop {
  48.     font-family:Arial, Helvetica, sans-serif;
  49.     font-size:14px;
  50.     font-weight:bold;
  51. }
  52. #navigationtop ul {
  53.     margin:0px;
  54.     padding:0px;
  55.     margin-bottom:5px;
  56.     margin-left:150px;
  57. }
  58. #navigationtop a {
  59.     text-decoration:none;
  60.     color:#FFFFFF;
  61.     padding-left:10px;
  62.     padding-right:10px;
  63.     background-color:#003579;
  64.     border-bottom:1px solid #BFC3DC;
  65.     border-left:1px solid #BFC3DC;
  66.     border-right:1px solid #BFC3DC;
  67. }
  68. #navigationtop a:hover {
  69.     text-decoration:none;
  70.     color:#000000;
  71.     padding-left:10px;
  72.     padding-right:10px;
  73.     background-color:#BFC3DC;
  74.     border-bottom:1px solid #003579;
  75.     border-left:1px solid #003579;
  76.     border-right:1px solid #003579;
  77. }
  78. #navigationtop li {
  79.     list-style-type:none;
  80.     display:inline;
  81. }
  82. #navigationmenu {
  83.     font-size:14px;
  84.     font-family:Arial, Helvetica, sans-serif;
  85.     font-weight:bold;
  86.     padding-bottom:15px;
  87.     padding-right:15px;
  88. }
  89. #navigationmenu ul {
  90.     padding:0px;
  91.     margin:0px;
  92.     margin-left:15px;
  93.     margin-top:15px;
  94. }
  95. #navigationmenu li {
  96.     list-style-type:none;
  97.     margin-bottom:5px;
  98. }
  99. #navigationmenu a {
  100.     text-decoration:none;
  101.     color:#000000;
  102.     background-color:#003579;
  103.     border-bottom:1px solid #FFFFFF;
  104.     border-top:1px solid #FFFFFF;
  105.     padding-right:10px;
  106.     padding-left:10px;
  107.     width:100%;
  108. }
  109. #navigationmenu a:hover {
  110.     text-decoration:none;
  111.     color:#000000;
  112.     background-color:#BFC3DC;
  113.     border-bottom:1px solid #003579;
  114.     border-top:1px solid #003579;
  115.     padding-right:10px;
  116.     padding-left:10px;
  117. }


 
Bon voila en fait j'aimerais que navigationtop soit centré par rapport à banner2 et que navigationmenu aie les balises lien qui fasse 100% de mon div menu.
Je ne sais vraiment pas quels sont les paramettre à changer/insérer, j'ai testé width et margin auto mais ca ne fonctionne pas...
Quelqu'un aurait la solution svp? ^^


Message édité par Kaoru@IDN le 31-08-2007 à 13:29:07


Aller à :
Ajouter une réponse
  FORUM Tom's Hardware » Programmation » HTML / Javascript » Demande d'aide (CSS)
 

Annonces Google
Publicité
Les téléchargements