Seite 1 von 1

Aufklappmenue

Verfasst: Mo 15. Jun 2015, 10:45
von camouflage1984
Hier ein einfaches aufklappmenue(drop-down)

die .css Dadei

Code: Alles auswählen

#nav ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
 height: 32px;
}

#nav ul li {
 float: Left;
 width: 152px;
 position: relative;
}

#nav ul li a {
 display: block;
 width: 130px;
 line-height: 30px;
 text-align: center;
 color: #FFFFFF;
 text-decoration: none;
 background-color: #EA9531;
 border: 1px solid #FFFFFF;
}

#nav ul li a:hover {
 color: #333333;
}

#nav ul li ul {
 display: none;
 position: absolute;
 left: 0px;
 top: 32px;
 z-index: 100;
}

#nav ul li:hover ul {
 display: block;
}

#nav ul li ul a {
 background-color: #FFB33B;
}
und der dazugehörige html-code

Code: Alles auswählen

<div id="nav">
 <ul>
  <li><a href="#">Link 1</a></li>
  <li><a href="#">Link 2</a>
       <ul>
        <li><a href="#">Link 2.1</a></li>
        <li><a href="#">Link 2.2</a></li>
       </ul>
  </li>
  <li><a href="#">Link 3</a>
       <ul>
        <li><a href="#">Link 3.1</a></li>
        <li><a href="#">Link 3.2</a></li> 
        <li><a href="#">Link 3.3</a></li>
       </ul>
  </li>
  <li><a href="#">Link 4</a>
       <ul>
        <li><a href="#">Link 4.1</a></li>
        <li><a href="#">Link 4.2</a></li>
        <li><a href="#">Link 4.3</a></li>
        <li><a href="#">Link 4.4</a></li>
       </ul>
  </li>
 </ul>
</div>
und hier das Menü
http://camouflage1984.de/aufklappmenue.php

Re: Aufklappmenue

Verfasst: Di 2. Feb 2016, 10:53
von mozinator
Hey coool das Menü.