Advertisement
Guest User

gf.net side menue

a guest
May 18th, 2013
150
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.07 KB | None | 0 0
  1.  <style>
  2.    body {background-color:FFFFFF;}
  3.    </body>
  4.     <title>      Navigationsleiste        
  5.     </title>          
  6.     <style type="text/css">        #navMenu {          margin:0;          padding:0;         }          #navMenu ul {   border:1px;       margin:0;          padding:0;          line-height:30px;         }         #navMenu li
  7.  {          margin:0;          padding:0;          list-style:none;          float:left;          position:relative;         }         #navMenu ul li a {          font-family:Verdana;          text-decoration:none;          text-align:left;          height:30px;          width:150px;          display:block;         }         #navMenu ul ul {      border: 1px;      position:absolute;            top:30px;            visibility:hidden;          }          #navMenu ul li:hover ul {      border:1px;        visibility:visible;         }          #navMenu ul ul li {              background:white;         }    
  8.     .std {
  9.       font-family:Verdana;
  10.       font-size:16;
  11.       color:757575;
  12.      
  13.     }
  14.    
  15.     ul
  16.  {
  17.   list-style-type:none;
  18.   border: 1px solid black;
  19.  }
  20.     .std:hover {
  21.      
  22.       font-family:Verdana;
  23.       font-size:16;
  24.       color:668AAA;
  25.      
  26.     }
  27.     </style>  
  28.   </head>        
  29.   <body>            
  30.     <div id="navMenu">      
  31.       <ul>          
  32.         <li>
  33.         <span class="std">MEHR</span>              
  34.         <ul>                  
  35.           <li>
  36.           <a class="std" href="#"></a>
  37.           </li>                  
  38.           <li>
  39.           <a class="std" href="./projekte.html" target="_top">Projektanfrage</a>
  40.           </li>                  
  41.           <li>
  42.           <a class="std" href="./cartoons.html" target="_top">Cartoons</a>
  43.           </li>
  44.           <li>
  45.           <a class="std" href="./artikel.html" target="_top">Artikel</a>
  46.           </li>    
  47.           <li>
  48.           <a class="std" href="./ver-art.html" target="_top">Veröffentlichungen</a>
  49.           </li>            
  50.         </ul>          
  51.         </li>      
  52.       </ul>    
  53.     </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement