Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <style type="text/css">
- #navMenu, #navMenu ul, #navMenu ul li, #navMenu ul li ul, #navMenu ul li ul li, .clearFloat {
- margin: 0;
- padding: 0;
- }
- #navMenu ul {
- line-height: 30px;
- }
- #navMenu ul li {
- list-style: none;
- float: left;
- width: auto;
- background: #c7c7c7;
- }
- #navMenu ul li ul {
- /* display: none; */
- clear: both;
- position: absolute;
- top: 50px;
- position: absolute;
- visibility: hidden;
- }
- #navMenu ul li ul li {
- list-style-type: none;
- float: left;
- width: auto;
- }
- #navMenu ul li a {
- text-align: left;
- padding: 5px 15px;
- font-family: "Helvetica";
- text-decoration: none;
- height: 30px;
- display: block;
- color: black;
- border: 1px solid #a0a0a0;
- }
- #navMenu ul li:hover ul {
- visibility: visible;
- }
- #navMenu li:hover {
- background: #b9897d;
- }
- #navMenu ul li: hover ul li a:hover {
- background: #b9897d;
- color: black;
- }
- #navMenu a:hover {
- color: black;
- }
- .clearFloat {
- clear: both;
- }
- </style>
- </head>
- <body>
- <div id="nav1">
- <div id="navMenu">
- <ul>
- <li>
- <a href="#">Über uns</a>
- <ul>
- <li> <a href="#">Culturverein e.V. </a> </li>
- <li> <a href="#">Mitgliedschaft & Spende</a></li>
- <li> <a href="#">Medien & Presse </a></li>
- <li> <a href="#">Newsletter</a></li>
- </ul>
- </li>
- </ul>
- <ul>
- <li>
- <a href="#">Kino Studio 17</a>
- <ul>
- <li> <a href="#">Das Kino</a> </li>
- <li> <a href="#">Programm</a></li>
- <li> <a href="#">Reservieren </a></li>
- </ul>
- </li>
- </ul>
- <ul>
- <li>
- <a href="#">Theater Atrium</a>
- <ul>
- <li> <a href="#">Das Theater</a> </li>
- <li> <a href="#">Programm</a></li>
- <li> <a href="#">Reservieren</a></li>
- </ul>
- </li>
- </ul>
- <ul>
- <li>
- <a href="#">Kontakte</a>
- </li>
- </ul>
- <br class="clearFloat" />
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement