Posted By

asifjavedall on 02/22/11


Tagged

css


Versions (?)

Who likes this?

3 people have marked this snippet as a favorite

scopevale
abbyabigale
elisamu


simple top menu


 / Published in: HTML
 

  1. #topMenu ul{
  2. background-color:#333;
  3. height:33px;
  4. list-style:none;
  5. margin:0;
  6. padding:0;
  7. }
  8.  
  9. #topMenu ul li{
  10. float:left;
  11. }
  12.  
  13. #topMenu ul li a{
  14. color:#666666;
  15. display:block;
  16. font-weight:bold;
  17. line-height:33px;
  18. padding:0px 25px;
  19. text-align:center;
  20. text-decoration:none;
  21. }
  22.  
  23. #topMenu ul li a:hover{
  24. color:#FFF;
  25. text-decoration:none;
  26. }
  27.  
  28. <div id="topMenu">
  29. <ul>
  30. <li><a href="">Menu1</a></li>
  31. <li><a href="">Menu2</a></li>
  32. <li><a href="">Menu3</a></li>
  33. </ul>
  34. </div>

Report this snippet  

You need to login to post a comment.