posizionamento menu tendina

**antonella_83** · 02-07-2009, 17:23

ciao a tutti

ho copiato dal web e poi modificato nell'aspetto il menu a tendina che copio qui

il problema è che si è posizionato ad una certa altezza della pagina web e io devo abbassarlo rispetto al margine superiore della pagina

come faccio? dove inserisco i pixel e il comando?

tks

<html>
<head>
<div id="mainContainer">
<div id="container">
<head>

<script language=JavaScript>
var menus=[],_m3=window.external?[' style="width:100%;height:100%"','div onclick="','div']:['','a href="javascript:','a'],_mC=document.getElementById?function(_mR){return document.getElementById(_mR)}:function(_mR){return document.all[_mR]};function menu(_m1,_mO){var _=this,i;_._m1=_m1;_._mO=_mO;_._mS='';_.id=menus.l ength;_._m0=[];_._m2=[];_._m4=[0,0];_._mO[-1]={'firstX':20,'firstY':20,'nextX':15,'nextY':15,'w idth':100,'height':22,'hideAfter':200,'target':'_s elf','trace':0,'css':''};for(i=0;i<_._m1.length;i+ +)if(_._m1[i])new _mE(0,_,_,_._m1[i]);for(i=0;i<_._m2.length;i++)_mA(_._m2[i],1);menus[_.id]=_;}function _mD(_mK){var i,a=menus[_mK]._m0;for(i=0;i<a.length;i++){_mA(a[i],0);_mB(a[i],'norm');}}function _mF(_mK,_mI){var m=menus[_mK],_=m._m0[_mI]._m1[1];_mB(m._m0[_mI],'clck');if(_)open(_,_m9(m._m0[_mI]._m8,m._mO,'target'));}function _mG(_mK,_mI){var m=menus[_mK];m._mL=setTimeout('_mD('+_mK+')',_m9(m._mN._m8,m._ mO,'hideAfter'));if(m._mN.id==_mI)m._mN=null;}func tion _mH(_mK,_mI){var m=menus[_mK],_,_m7,i;m._mN=_=m._m0[_mI];if(m._mL)clearTimeout(m._mL);for(i=0;i<m._m0.leng th;i++){_=m._m0[i];_m7=!m._mN._mS.indexOf(_._mT);if(_m7)_mB(_,_==m._ mN?'over':'norm');_mA(_,_m7);}if(m._mN._m6)for(i=m ._mN;i&&i._m5;i=i._mP)_mB(i,'over');}function _mE(l,p,m,_m1){var _=this,i,c=p._m2.length,_mO=m._mO;_._m1=_m1;_._mP= p;_._mT=p._mS;_._mS=p._mS+c+':';_._m8=l;_.id=m._m0 .length;m._m0[_.id]=_;p._m2[c]=_;var id=m.id+','+_.id,nX,nY;_._m6=_m9(l,_mO,'trace');fo r(i=l;i>=-1;i--){if(_mO[i]&&_mO[i]['nextX']!=null)nX=_mO[i]['nextX'];if(_mO[i]&&_mO[i]['nextY']!=null)nY=_mO[i]['nextY'];if(nX!=null||nY!=null)break;}_._m4=[p._m4[0]+_m9(l,_mO,'firstX')+(nX!=null?nX*c+_m9(l,_mO,'wid th')*c:0),p._m4[1]+_m9(l,_mO,'firstY')+(nY!=null?nY*c+_m9(l,_mO,'hei ght')*c:0)];document.write('<',_m3[1],'_mF(',id,')" id="me',id,'" style="position:absolute;top:',_._m4[1],'px;left:',_._m4[0],'px;width:',_m9(l,_mO,'width'),'px;height:',_m9(l ,_mO,'height'),'px;visibility:hidden;z-index:',l,';text-decoration:none" onmouseout="_mG(',id,')" onmouseover="_mH(',id,')"><div',_m3[0],' id="mi',id,'" class="',_m9(l,_mO,'css'),'norm">',_m1[0],'</div></',_m3[2],'>');_._m5=[_mC('me'+m.id+','+_.id),_mC('mi'+m.id+','+_.id),_m 9(l,_mO,'css')];if(_m1.length>2){_._m2=[];for(i=2;i<_m1.length;i++)if(_m1[i])new _mE(l+1,_,m,_m1[i]);}}function _mA(_,_mJ){if(_._mQ==_mJ)return;_._mQ=_mJ;if(_mJ)_ ._m5[0].style.visibility='visible';else if(_._m8)_._m5[0].style.visibility='hidden';}function _mB(_,_mM){if(_._m5[3]==_mM)return;_._m5[3]=_mM;_._m5[1].className=_._m5[2]+_mM}function _m9(l,_mO,k){for(var i=l;i>=-1;i--)if(_mO[i]&&_mO[i][k]!=null)return _mO[i][k];}
</script>
<script language=JavaScript>
var menuHierarchy = [
["Anno all'estero", null,
['Per giovani 5-13 anni', null, ['Regno Unito','www.annoallestero.it/Regnounito_annoallestero.html'], ['Stati Uniti'], ['Francia'],['Spagna'], ['Irlanda'],['Altri Paesi']],
['High School 14-18 anni', null, ['Regno Unito'], ['Stati Uniti'], ['Francia'],['Australia'],['Irlanda'],['Spagna'],['Germania'],['Altri Paesi']],
['Università', null, ['Regno Unito'], ['Stati Uniti'], ['Australia'],['Nuova Zelanda'], ['Altri Paesi']],
],
['Programmi di Preparazione', null,
['Preparazione Esami', null, ['Toefl'], ['Ielts'], ['Cambridge'],['Altre Lingue']],
['Summer School 5-17 anni',null, ['Regno Unito'], ['Stati Uniti'], ['Francia'],['Spagna'], ['Irlanda'],['Altri Paesi']],
['Foundation Year', null, ['Regno Unito'], ['Stati Uniti'], ['Australia'],['Francia'],['Spagna'], ['Irlanda'],['Altri Paesi']],
['Academic Term-Semester-Year', null, ['Regno Unito'], ['Stati Uniti'], ['Australia'],['Francia'],['Spagna'], ['Irlanda'],['Altri Paesi']],
],
['Gap Year', null,
['Studio e Stage'],
['Studio e Lavoro'],
['Corsi di Lingua'],
]
]

</script>
<style>
body {
font: 12px Georgia;
}
</style>

<style>
.gurtl0onorm {
padding: 4px;
font: 14px Georgia;
text-decoration: none;
border: 1px solid white;
border-left: 4px solid white;
background: #FF9933;
color: white;
cursor: hand;
}
.gurtl0oover {
padding: 4px;
font: 14px Georgia;
text-decoration: none;
border: 1px solid white;
border-left: 2px solid white;
background: #FF9933;
color: white;
cursor: hand;
}
.gurtl0oclck {
padding: 4px;
font: 14px Georgia;
text-decoration: none;
border: 1px solid white;
border-left: 2px solid white;
background: #FF9933;
color: white;
cursor: hand;
}
.gurtl1onorm {
padding: 3px;
font: 14px Georgia;
text-decoration: none;
border: 1px solid #0099FF;
border-left: 2px solid #0099FF;
background: white;
color: #0099FF;
cursor: hand;
}
.gurtl1oover {
padding: 3px;
font: 14px Georgia;
text-decoration: none;
border: 1px solid #0099FF;
border-left: 2px solid #0099FF;
background: white;
color: #0099FF;
cursor: hand;
}
.gurtl1oclck {
padding: 3px;
font: 14px Georgia;
text-decoration: none;
border: 1px solid #0099FF;
border-left: 2px solid #0099FF;
background: white;
color: #0099FF;
cursor: hand;
}

</style>

</head>
<body bottommargin="0" topmargin="15" leftmargin="15" marginheight="15" marginwidth="15">
<Root level - "anno all'estero"<br>
<Level 1 - programmi disponibili<br>
<Level 2 - paesi del mondo<br>

<script language="JavaScript">

</script>
</body>

</html>

**marco.carrieri** · 03-07-2009, 16:07

Mi sembra complicato cosi... perche non utilizzi questo simpatico menu a tendina css+javascript?

Modificando il file css gli dirai tu dove dovra essere posto.

http://www.dynamicdrive.com/dynamici...rome/index.htm

Discussione: posizionamento menu tendina

Strumenti Discussione

Visualizzazione

posizionamento menu tendina

Permessi di Scrittura