Dropdown Menu Starting Point


/ Published in: CSS
Save to your folder(s)



Copy this code and paste it in your HTML
  1. /* MenuBegin:menu_interior1 */
  2.  
  3. div#menu_interior1 {
  4. margin: 0px;
  5. padding: 10px 20px;
  6. }
  7. ul.menu_interior1 {
  8. margin: 0px;
  9. border: 0px;
  10. padding: 0px;
  11. list-style-image: url(graphics/green_bullet.gif);
  12. list-style-type: circle;
  13. font: normal 13px 'trebuchet ms', verdana, arial, helvetica, sans-serif;
  14. }
  15.  
  16. ul.menu_interior1 li a {
  17. color: #fff;
  18. margin: 0px;
  19. padding: 0px;
  20. text-decoration: none;
  21. text-align: left;
  22. display: block;
  23. }
  24. ul.menu_interior1 li a:hover {
  25. color: #fff;
  26. margin: 0px;
  27. padding: 0px;
  28. text-decoration: underline;
  29. }
  30.  
  31. ul.menu_interior1 li ul {
  32. list-style: none;
  33. margin: 0px;
  34. padding: 0px;
  35. line-height: 18px;
  36. }
  37. ul.menu_interior1 li ul li a {
  38. list-style: none;
  39. color: #fff;
  40. margin: 0px;
  41. padding: 0px 10px;
  42. text-decoration: none;
  43. text-align: left;
  44. font: normal 11px/18px 'trebuchet ms', verdana, arial, helvetica, sans-serif;
  45. display: block;
  46. }
  47. ul.menu_interior1 li ul li a:hover {
  48. list-style: none;
  49. color: #fff;
  50. margin: 0px;
  51. padding: 0px 10px;
  52. text-decoration: underline;
  53. }
  54.  
  55. /* MenuEnd:menu_interior1 */

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.