Drop-Down-Menü Dynamisch in einer div Box integrieren
Jonny F.
- css
0 Petra
Hallo,
gibt es eine Möglichkeit, diesen Code dynamisch in einen Div zu verpacken.
#menuebox {
position: relative;
height: 20px;
}
.stupidie {
display: none;
}
#menue {
position:absolute;
top: 5px;
left: 0;
z-index: 200;
}
#menue .aussen {
float: left;
display: block;
overflow: hidden;
width: 20px;
height: 20px;
font-weight: bold;
text-align: center;
background-color: #dec79a;
color: #513913;
border: 1px solid;
border-color: #d0843e #78561d #78561d #d0843e;
}
#menue .aussen:hover {
height: auto;
background-color: #624617;
color: #fff;
}
a.innen-1 {
margin-top: 2px;
}
a.innen,
a.innen-1 {
display: block;
width: 20px;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #78561d;
background-color: #ecd8ae;
color: #600;
}
a:visited.innen,
a:visited.innen-1 {
background-color: #ecd8ae;
color:#555;
}
a:hover.innen,
a:hover.innen-1 {
background-color: #f7eedb;
color: #900;
}
span.menutag {
display: block;
cursor: default;
}
<div id="test">
<div id="menuebox">
<div id="menue">
<div class="aussen">
<span class="menutag">15</span>
<a class="innen-1" href="#">10</a>
<a class="innen" href="#">20</a>
<a class="innen" href="#">50</a>
<a class="innen" href="#">70</a>
<a class="innen" href="#">100</a>
</div>
</div>
</div>
</div>
Gruß Jonny F.
http://www.google.de/search?hl=de&client=firefox-a&channel=s&rls=org.mozilla%3Ade%3Aofficial&hs=uty&q=drop+down+menu+dynamisches+div&btnG=Suche&meta=&aq=f&oq=