Want more features on Pastebin? Sign Up, it's FREE!
Guest

Advanced CSS menu

By: adsleeblythe on Jan 28th, 2013  |  syntax: CSS  |  size: 1.20 KB  |  views: 218  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. #access {
  2.         width: 136px;
  3.         top: 20px;
  4.         position: absolute;
  5.         padding: 0 0 0 644px;
  6.         background-color: transparent;
  7. }
  8. #access .menu-header {
  9.         width: 136px;
  10.         margin: 0;     
  11. }
  12. #access a {
  13.         padding: 0;
  14.         line-height: none;
  15. }
  16. .menu-header {
  17.         background-color: #CCC;
  18.         height: 112px;
  19.         width: 136px;  
  20. }
  21. ul#menu-top-navigation {
  22.         list-style: none;
  23.         margin: 0;
  24.         padding: 0;
  25.         position: relative;
  26. }
  27. ul#menu-top-navigation li a {
  28.         background-position: left top;
  29.         background-repeat: no-repeat;
  30.         display: block;
  31.         text-indent: -9000px;
  32.         position: absolute;
  33. }
  34. ul#menu-top-navigation li a:hover{
  35.         background-position: -136px 0;
  36. }
  37. ul#menu-top-navigation li.home a {
  38.         background-image: url(images/home_button.gif);
  39.         height: 22px;
  40.         width: 136px;
  41.         top: 0;
  42.         left: 0;
  43. }
  44. ul#menu-top-navigation li.about a {
  45.         background-image: url(images/aboutme_button.gif);
  46.         height: 23px;
  47.         width: 136px;
  48.         top: 30px;
  49.         left: 0;
  50. }
  51. ul#menu-top-navigation li.services a {
  52.         background-image: url(images/services_button.gif);
  53.         height: 20px;
  54.         width: 136px;
  55.         top: 61px;
  56.         left: 0;
  57. }ul#menu-top-navigation li.contact a {
  58.         background-image: url(images/contactme_button.gif);
  59.         height: 22px;
  60.         width: 136px;
  61.         top: 90px;
  62.         left: 0;
  63. }
clone this paste RAW Paste Data