CSS   46
Top menu
Guest on 17th September 2023 06:25:40 AM


  1. div#topmenu div {
  2.         float: left;
  3.         margin: 0; padding: 0;
  4. }
  5.  
  6.  
  7. div#topmenu {
  8.         height: 42px;
  9.         width: 790px;
  10.         margin: 0 auto;
  11. }
  12.  
  13. span.hidden {display: none;}
  14.  
  15. div.topmenu-contents {width: 115px; height: 42px;}
  16. div.topmenu-contents a {
  17.     display: block; width: 100%; height: 100%; overflow: hidden;
  18.     background: url( '../images/content.gif' ) 0 0px no-repeat;}
  19. div.topmenu-contents a:hover {background: url( '../images/content.gif' ) 0 -42px no-repeat;}
  20.  
  21. div.topmenu-archives {width: 115px; height: 42px;}
  22. div.topmenu-archives a {
  23.     display: block; width: 100%; height: 100%; overflow: hidden;
  24.     background: url( '../images/archives.gif' ) 0 0px no-repeat;}
  25. div.topmenu-archives a:hover {background: url( '../images/archives.gif' ) 0 -42px no-repeat;}
  26.  
  27. div.topmenu-contact {width: 115px; height: 42px;}
  28. div.topmenu-contact a {
  29.     display: block; width: 100%; height: 100%; overflow: hidden;
  30.     background: url( '../images/contact.gif' ) 0 0px no-repeat;}
  31. div.topmenu-contact a:hover {background: url( '../images/contact.gif' ) 0 -42px no-repeat;}
  32.  
  33. div.topmenu-emory {width: 115px; height: 42px; margin-left: 316px !important;}
  34. div.topmenu-emory a {
  35.     display: block; width: 100%; height: 100%; overflow: hidden;
  36.     background: url( '../images/emory-little.gif' ) 0 0px no-repeat;}
  37. div.topmenu-emory a:hover {background: url( '../images/emory-little.gif' ) 0 -42px no-repeat;}
  38.  
  39.  
  40.  
  41. /*
  42. div#topmenu ul {
  43.         margin: 0 50px 0 0;
  44.         text-align: center;
  45.         padding-top: 5px;
  46.  
  47. }
  48.  
  49. div#topmenu ul li {
  50.         display: inline;
  51.         padding: 0;
  52.         line-height: 8px;
  53. }
  54.  
  55. .topmenu {font-family: arial, helvetica, sans-serif; font-size: 9px;}
  56. .topmenu a:link {color: #fff; text-decoration: none;}
  57. .topmenu a:visited {color: #fff; text-decoration: none;}
  58. .topmenu a:hover {color: #fff; text-decoration: underline;}
  59. .topmenu a:active {color: #fff; text-decoration: none;}
  60.  
  61. div#topmenu {
  62.         padding-left: 5px;
  63. }
  64. */

Raw Paste

Login or Register to edit or fork this paste. It's free.