Menu con espansioni verso l'alto.

[mexican]

Ciao a tutti,
Nel mio footer ho un menù.

<ul>[*]Esempio<li/>[/list]

Ora vorrei che andando sul muose sul link (o img). Si aprisse tramite .js un pannello, tipo i classici menù a discesa. Solo che si deve aprire verso l'alto.
Qualcuno sa dirmi come si può fare? O un link dove c'è un tutirial?

[mexican]

Originariamente inviato da mexican
Ciao a tutti,
Nel mio footer ho un menù.

<ul>[*]Esempio<li/>[/list]

Ora vorrei che andando sul muose sul link (o img). Si aprisse tramite .js un pannello, tipo i classici menù a discesa. Solo che si deve aprire verso l'alto.
Qualcuno sa dirmi come si può fare? O un link dove c'è un tutirial?

Ho trovato il menu. Ecco il codice:

<style type="text/css"> /* ================================================================  This  */  a, a:visited, a:hover, a:active, a:focus {direction:ltr; outline:0;}  #positioner {position:relative; width:750px; height:25px; background:#fff;} .holder {position:absolute; width:125px; height:25px; top:0;} dl.menu {width:250px; float:left; margin:-32000px 0 0 -9999px;} .p1 {left:0;} .p2 {left:125px;} .p3 {left:250px;} .p4 {left:375px;} .p5 {left:500px;} .p6 {left:625px;} dl.menu a {display:block; height:25px; font:normal 11px/25px verdana, sans-serif; text-decoration:none; text-indent:10px; border-bottom:1px solid #fff; border-left:1px solid #fff;}   dl.menu dt {float:left; padding:0; position:relative; left:9999px; z-index:50; margin:32000px 0 0 0;}  dl.menu dt a {width:124px; background:#aaa; float:left; color:#fff;}  dl.menu dt a.sub {background:#888 url(dl-pullup/arrow.gif) no-repeat 110px center; color:#fff;}  dl.menu dt a:hover,  dl.menu dt a:focus,  dl.menu dt a:active  {margin-right:1px; text-decoration:none; background-color:#888; color:#fc0;}   dl.menu dd {float:left; padding:0; margin:0;}  dl.menu dd.dd3 {height:104px;}  dl.menu dd.dd4 {height:338px;}  dl.menu dd.dd5 {height:156px;}   dl.menu dd:hover {clear:both;}  dl.menu dd a {position:relative; height:25px; background:#aaa; width:124px; color:#fff; left:9999px; top:-100%; z-index:60;}  dl.menu dd a:hover,  dl.menu dd a:focus,  dl.menu dd a:active  {margin-right:1px; background:#888; color:#fc0;} </style>

<div id="positioner"> 	<div class="holder p1"> 		<dl class="menu"> 			<dt>Home</dt> 		</dl> 	</div> 	<div class="holder p2"> 		<dl class="menu"> 			<dt>Products</dt> 			<dd class="dd4"> 				Digital Cameras 				Tripods  				Flashguns 				Telephoto Lenses                 Digital Cameras 				Tripods  				Flashguns 				Telephoto Lenses  				Digital Cameras 				Tripods  				Flashguns 				Telephoto Lenses  			</dd> 		</dl> 	</div>      	<div class="holder p3"> 		<dl class="menu"> 			<dt>Services</dt>  			<dd class="dd5"> 				Enlarging 				Framing 				Printing 				Copying 				Sepia Toning  			</dd> 		</dl> 	</div> 	<div class="holder p4"> 		<dl class="menu"> 			<dt>Outlets</dt> 			<dd class="dd4"> 				London  				Gloucestershire 				East Midlands 				Glasgow 			</dd> 		</dl> 	</div> 	<div class="holder p5">  		<dl class="menu"> 			<dt>Terms</dt> 			<dd class="dd3"> 				Payment Methods 				Conditions of Sale 				Privacy Policy 			</dd>  		</dl> 	</div> 	<div class="holder p6"> 		<dl class="menu"> 			<dt>Site Map</dt> 		</dl> 	</div> </div>

il problema è che se gli elementi sono dinamici non mi aumenta il box che li apre. Come si può risolvere?