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)
 
Kaoru@IDN
Plus d'informations
n°35132
31-08-2007 à 12:26:59

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">
  4. <div id="banner">
  5. </div>
  7. <div id="banner2">
  8. <div id="navigationtop">
  9. <ul>
  10. <li><a href="#">Testing</a></li>
  11. <li><a href="#">Training</a></li>
  12. <li><a href="#">Coaching</a></li>
  13. <li><a href="#">Consultancy</a></li>
  14. </ul>
  15. </div>
  16. <img src="images/banner2.png" class="baniole" alt="image bannière"/>
  17. </div>
  19. <div id="menu">
  20. <div id="navigationmenu">
  21. <ul>
  22. <li><a href="#">LIENS 1</a></li>
  23. <li><a href="#">LIENS 2</a></li>
  24. <li><a href="#">LIENS 3</a></li>
  25. <li><a href="#">LIENS 4</a></li>
  26. </ul>
  27. </div>
  28. </div>
  30. <div id="contenu">
  31. </div>
  33. <div id="footer">
  34. </div>
  36. </div>
  37. </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. }
  9. #conteneur {
  10.     width:712px;
  11.     background-color:#FFFFFF;
  12.     margin:auto;
  13. }
  15. #banner {
  16.     width:100%;
  17.     height:100px;
  18.     background-image:url(images/banner1.png);
  19.     background-repeat:no-repeat;
  20. }
  22. #banner2 {
  23.     width:100%;
  24.     height:150px;
  25.     background-color:#BFC3DC;
  26. }
  28. #menu {
  29.     float:left;
  30.     width:125px;
  31.     background-color:#5C6AA1;
  32. }
  34. #contenu {
  35.     width:550px;
  36.     margin-left:20px;
  37.     margin-top:15px;
  38.     height:100px;
  39.     float:left;
  40.     background-color:#BFC3DC;
  41. }
  43. #footer {
  44.     background-color:#FFFF00;
  45.     height:25px;
  46.     clear:both;
  47. }
  49. .baniole {
  50.     width:600px;
  51.     height:125px;
  52.     margin-left:56px;
  53. }
  55. #navigationtop {
  56.     font-family:Arial, Helvetica, sans-serif;
  57.     font-size:14px;
  58.     font-weight:bold;
  59. }
  61. #navigationtop ul {
  62.     margin:0px;
  63.     padding:0px;
  64.     margin-bottom:5px;
  65.     margin-left:150px;
  66. }
  68. #navigationtop a {
  69.     text-decoration:none;
  70.     color:#FFFFFF;
  71.     padding-left:10px;
  72.     padding-right:10px;
  73.     background-color:#003579;
  74.     border-bottom:1px solid #BFC3DC;
  75.     border-left:1px solid #BFC3DC;
  76.     border-right:1px solid #BFC3DC;
  77. }
  79. #navigationtop a:hover {
  80.     text-decoration:none;
  81.     color:#000000;
  82.     padding-left:10px;
  83.     padding-right:10px;
  84.     background-color:#BFC3DC;
  85.     border-bottom:1px solid #003579;
  86.     border-left:1px solid #003579;
  87.     border-right:1px solid #003579;
  88. }
  90. #navigationtop li {
  91.     list-style-type:none;
  92.     display:inline;
  93. }
  95. #navigationmenu {
  96.     font-size:14px;
  97.     font-family:Arial, Helvetica, sans-serif;
  98.     font-weight:bold;
  99.     padding-bottom:15px;
  100.     padding-right:15px;
  101. }
  103. #navigationmenu ul {
  104.     padding:0px;
  105.     margin:0px;
  106.     margin-left:15px;
  107.     margin-top:15px;
  108. }
  110. #navigationmenu li {
  111.     list-style-type:none;
  112.     margin-bottom:5px;
  113. }
  115. #navigationmenu a {
  116.     text-decoration:none;
  117.     color:#000000;
  118.     background-color:#003579;
  119.     border-bottom:1px solid #FFFFFF;
  120.     border-top:1px solid #FFFFFF;
  121.     padding-right:10px;
  122.     padding-left:10px;
  123.     width:100%;
  124. }
  126. #navigationmenu a:hover {
  127.     text-decoration:none;
  128.     color:#000000;
  129.     background-color:#BFC3DC;
  130.     border-bottom:1px solid #003579;
  131.     border-top:1px solid #003579;
  132.     padding-right:10px;
  133.     padding-left:10px;
  134. }


 
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)
 

Plan du forum
Forum MesDiscussions.Net, Version 2007.1.2
© 2000-2007 No1Dev
Page générée en 1.257 secondes
Annonces Google
Publicité
Sujets relatifs
voir tout
Actualités relatives
Les dernières actualités
voir tout
Les derniers tests
voir tout
Dans les albums
Les ressources relatives
Les téléchargements