Advertisement
Guest User

Untitled

a guest
Nov 24th, 2014
136
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.68 KB | None | 0 0
  1. <div id="navbar">
  2. <ul>
  3. <li><a href="#">Menu 1</a></li>
  4. <li><a href="#">Menu 2</a>
  5. <ul>
  6. <li><a href="#">Drop 1</a></li>
  7. <li><a href="#">Drop 2</a></li>
  8. <li><a href="#">Drop 3</a></li>
  9. </ul></li>
  10. <li><a href="#">Menu 3</a></li>
  11. <li><a href="#">Menu 4</a>
  12. <ul>
  13. <li><a href="#">Drop 1</a></li>
  14. <li><a href="#">Drop 2</a></li>
  15. </ul></li>
  16. <li><a href="#">Menu 5</a></li>
  17. </ul>
  18.  
  19. </div>
  20.  
  21. #navbar {
  22. margin-left: -40px;
  23. }
  24.  
  25. #navbar li{
  26. list-style: none;
  27. position: relative;
  28. width: 209px;
  29. padding: 6px;
  30. line-height: 20pt;
  31. cursor: pointer;
  32. }
  33.  
  34. #navbar ul ul{
  35. margin-left: 100px;
  36. margin-top: -28px;
  37. visibility:hidden;
  38. height: 100px;
  39. }
  40.  
  41. #navbar ul li:hover ul{
  42. visibility:visible;
  43. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement