Probleme de calque

Probleme de calque - HTML/CSS - Programmation

Marsh Posté le 26-06-2006 à 23:36:22    

Salut à tous !
J'ai un petit soucis avec les div et leur contenu (je me met au xhtml et css)
Donc je veux faire un calque a droite qui contient des menus séparé par des bordures avec un petit effet a:hover.
Cela fonctionne mais le soucis est que les menus ne sont pas collés aux bords du calques, ce qui n'est pas tres beau.
 
Voici le code dans le fichier html :

Code :
  1. <div class="navBar">
  2.     <h3>Catégories</h3>
  3.     <ul>
  4.       <li><a href="#">menu 1</a></li>
  5.       <li><a href="#">menu 2</a></li>
  6.       <li><a href="#">menu 3</a></li>
  7.       <li><a href="#">menu 4</a></li>
  8.       <li><a href="#">menu 5</a></li>
  9.       <li><a href="#">menu 6</a></li>
  10.     </ul>
  11. </div>


 
Et voici le code dans le css :

Code :
  1. .navBar a:link{
  2. border-top: 1px solid #cccccc;
  4. }
  6. .navBar a:visited{
  7. border-top: 1px solid #cccccc;
  8. }
  10. .navBar a:hover{
  11. border-top: 1px solid #cccccc;
  12. background-color: #dddddd;
  13. }
  16. .navBar{
  17. margin-left: 75%;
  18. height: 200px;
  19. border: 1px solid black;
  20. padding: 1em;
  21. background-color: #eeeeee;
  22. font-size: 90%;
  23. }
  26. .navBar ul a:link {display: block;}
  27. .navBar ul {list-style: none; margin: 0; padding: 0;}


 
Merci de m'aider car la je ne vois pas...  :wahoo:

Reply

Marsh Posté le 26-06-2006 à 23:36:22   

Reply

Marsh Posté le 27-06-2006 à 00:05:55    

* {
margin:0;
padding:0;
}
 
au début de ton fichier css ?

Reply

Sujets relatifs:

Leave a Replay

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