Drop-Down-Menü Dynamisch in einer div Box integrieren

[Jonny F.]

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.