Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on May 7th, 2012  |  syntax: None  |  size: 1.21 KB  |  hits: 15  |  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. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  2. "http://www.w3.org/TR/html4/strict.dtd">
  3. <html>
  4. <head>
  5.   <title></title>
  6.   <style type="text/css">
  7.     html, body {
  8.       width: 100%;
  9.       height: 100%;
  10.       margin: 0;
  11.       border: 0;
  12.       padding: 0;
  13.     }
  14.  
  15.     #menu ul {
  16.       list-style-type: none;
  17.     }
  18.  
  19.     #menu > ul > li {
  20.       float: left;
  21.       padding-left: 10px;
  22.     }
  23.  
  24.     li > ul {
  25.       display: none;
  26.     }
  27.  
  28.     ul:hover > li:hover > ul {
  29.       display: block;
  30.     }
  31.  
  32.     ul:hover > li:hover {
  33.       font-weight: bold;
  34.     }
  35.  
  36.     ul:hover > li:hover > ul {
  37.       font-weight: normal;
  38.     }
  39.   </style>
  40. </head>
  41. <body>
  42.   <div id="menu">
  43.     <ul>
  44.       <li>File
  45.         <ul>
  46.  
  47.           <li>New
  48.             <ul>
  49.               <li>Folder
  50.               <li>File
  51.             </ul>
  52.           <li>Open
  53.           <li>Save
  54.           <li>Close
  55.           <li>Import
  56.           <li>Export
  57.         </ul>
  58.     </ul>
  59.     <ul>
  60.  
  61.       <li>Edit
  62.         <ul>
  63.           <li>Copy
  64.           <li>Cut
  65.           <li>Paste
  66.         </ul>
  67.     </ul>
  68.     <ul>
  69.       <li>View
  70.       <ul>
  71.         <li>Web
  72.         <li>Print
  73.       </ul>
  74.  
  75.     </ul>
  76.   </div>
  77. </body>
  78. </html>