Buongiorno sono nuovo in questo forum, mi pare molto ben curato!!
Volevo chiedere se qualuno mi può dare un bel menu a discesa, non deve essere un applet ma un semplice HTML, inoltre non cofusionario e cosa molto importante non deve avere il posizionamento assoluto nella pagina, ma debbo decidere di posizionarlo con una tabella.
qualuno mi può aiutare!?!?
fatemi sapere
grazie
ciao
::CIRMAS::
http://www.lottointelligente.it
(il gioco del lotto, previsioni lotto gratis, forum lotto, spazio personale utenti)
http://www.commerciobresciano.it (portale annunci)
Buongiorno cirmas, benvenuto sul forum.
La tua domanda è un po' troppo generica.
Potresti fare un esempio o citare un sito che abbia un menù simille e quelo che cerchi tu?
Si perdonami vorrei semplicemente che cliccando o posizionandomi su uno dei 4 menu che mi servono, si aprisse un sottomenu semplicissmo, e cliccando su questo sottomenu si deve aprire un .pdf
di seguito la pagina html nel quale ce lo deo mettere e un simil menu che mi potrebbe andare bene, ma purtroppo ha il posizionamento assoluto
*** *** ***
<HTML>
<HEAD>
<TITLE></TITLE>
<LINK href="link_file/netscapestyle.css" type=text/css rel=stylesheet>
<STYLE type=text/css>
BODY {
FONT-SIZE: 10px; MARGIN: 1px; OVERFLOW: hidden; COLOR: #003464; FONT-FAMILY: Arial,Helvetica; BACKGROUND-COLOR: #ffffff
}
TD {
FONT-SIZE: 10px; COLOR: #003464; FONT-FAMILY: Arial, Helvetica
}
A {
TEXT-DECORATION: none
}
A:link {
COLOR: #003464
}
A:visited {
COLOR: #003464
}
A:active {
COLOR: #003464
}
A:hover {
COLOR: #ffffff; BACKGROUND-COLOR: #003464
}
DIV.clTopMenu{position:absolute; width:140; height:150; clip:rect(100,101,14,0); visibility:hidden; z-index:31}
DIV.clTopMenuBottom{position:absolute; width:101; height:3; clip:rect(0,101,3,0); top:11; layer-background-color:#CECFCE; z-index:2}
DIV.clTopMenuText{position:absolute; width:140; left:18; top:18; font-family:arial,helvetica; font-size:11px; z-index:1}
</STYLE>
<script>
/************************************************** ******************************
DIV.clTopMenu{position:absolute; width:140; height:150; clip:rect(0,101,14,0); visibility:hidden; z-index:31; layer-background-color:#EEEEEE; background-color:#EEEEEE}
DIV.clTopMenuBottom{position:absolute; width:101; height:3; clip:rect(0,101,3,0); top:11; layer-background-color:#CECFCE; background-color:#CECFCE; z-index:2}
DIV.clTopMenuText{position:absolute; width:140; left:5; top:15; font-family:arial,helvetica; font-size:11px; background-color:#EEEEEE; z-index:1}
visited:{color:#808080}
Copyright (C) 1999 Thomas Brattli
This script is made by and copyrighted to Thomas Brattli at www.bratta.com
Visit for more great scripts.
This may be used freely as long as this msg is intact!
************************************************** ******************************
Browsercheck:*/
ie=document.all?1:0
n=document.layers?1:0
/************************************************** ******************************
If you want to change the appearens on the text, background-colors, size or
anything do that in the style tag above.
This menu might not be as easy to adapt to your own site, but please
play around with it before you mail me for help
************************************************** **************************/
/************************************************** *************************
Variables to set.
************************************************** **************************/
//How many menus do you have? (remember to copy and add divs in the body if you add menus)
var numberOfMenus=3
//The width on the menus (set the width in the stylesheet as well)
var mwidth=140
//Pixels between the menus
var pxBetween=10
//The first menus left position
var fromLeft=250
//The top position of the menus
var fromTop=370
//The bgColor of the bottom mouseover div
var bgColor='#010066'
//The bgColor to change to
var bgColorChangeTo='#010066'
//The position the mouseover line div will stop at when going up!
var imageHeight=16
/************************************************** *************************
You shouldn't have to change anything below this
************************************************** **************************/
//Object constructor
function makeNewsMenu(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+ob j+'.style')
this.scrollHeight=n?this.css.document.height:eval( 'document.all.'+obj+'.offsetHeight')
this.moveIt=b_moveIt;this.bgChange=b_bgChange;
this.slideUp=b_slideUp; this.slideDown=b_slideDown;
this.clipTo=b_clipTo;
this.obj = obj + "Object"; eval(this.obj + "=this")
}
//Objects methods
function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}
function b_bgChange(color){if(ie) this.css.backgroundColor=color; else this.css.bgColor=color}
function b_clipTo(t,r,b,l){
if(n){this.css.clip.top=t; this.css.clip.right=r; this.css.clip.bottom=b; this.css.clip.left=l
}else this.css.clip="rect("+t+","+r+","+b+","+l+")";
}
function b_slideUp(ystop,moveby,speed,fn,wh){
if(!this.slideactive){
if(this.y>ystop){
this.moveIt(this.x,this.y-5); eval(wh)
setTimeout(this.obj+".slideUp("+ystop+","+moveby+" ,"+speed+",'"+fn+"','"+wh+"')",speed)
}else{
this.slideactive=false; this.moveIt(0,ystop); eval(fn)
}
}
}
function b_slideDown(ystop,moveby,speed,fn,wh){
if(!this.slideactive){
if(this.y<ystop){
this.moveIt(this.x,this.y+5); eval(wh)
setTimeout(this.obj+".slideDown("+ystop+","+moveby +","+speed+",'"+fn+"','"+wh+"')",speed)
}else{
this.slideactive=false; this.moveIt(0,ystop); eval(fn)
}
}
}
//Initiating the page, making cross-browser objects
function newsMenuInit(){
oTopMenu=new Array()
for(i=0;i<=numberOfMenus;i++){
oTopMenu[i]=new Array()
oTopMenu[i][0]=new makeNewsMenu('divTopMenu'+i)
oTopMenu[i][1]=new makeNewsMenu('divTopMenuBottom'+i,'divTopMenu'+i)
oTopMenu[i][2]=new makeNewsMenu('divTopMenuText'+i,'divTopMenu'+i)
oTopMenu[i][1].moveIt(0,imageHeight)
oTopMenu[i][0].clipTo(0,mwidth,imageHeight+3,0)
oTopMenu[i][0].moveIt(i*mwidth+fromLeft+(i*pxBetween),fromTop)
oTopMenu[i][0].css.visibility="visible"
}
}
//Moves the menu
function topMenu(num){
if(oTopMenu[num][1].y==imageHeight) oTopMenu[num][1].slideDown(oTopMenu[num][2].scrollHeight+20,10,40,'oTopMenu['+num+'][0].clipTo(0,mwidth,oTopMenu['+num+'][1].y+3,0)','oTopMenu['+num+'][0].clipTo(0,mwidth,oTopMenu['+num+'][1].y+3,0)')
else if(oTopMenu[num][1].y==oTopMenu[num][2].scrollHeight+20) oTopMenu[num][1].slideUp(imageHeight,10,40,'oTopMenu['+num+'][0].clipTo(0,mwidth,oTopMenu['+num+'][1].y+3,0)','oTopMenu['+num+'][0].clipTo(0,mwidth,oTopMenu['+num+'][1].y+3,0)')
}
//Changes background onmouseover
function menuOver(num){oTopMenu[num][1].bgChange(bgColorChangeTo)}
function menuOut(num){oTopMenu[num][1].bgChange(bgColor)}
//Calls the init function onload
onload=newsMenuInit;
</script>
</HEAD>
<BODY bgcolor="#FFFFFF" scroll=no>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td>
<div align="center">
<table width="520" border="0" cellspacing="0" cellpadding="2">
<tr valign="top">
<td>
<div id="divTopMenu0" class="clTopMenu">VADEMECUM
<div id="divTopMenuText0" class="clTopMenuText">
Italiano
Inglese
</div>
<div id="divTopMenuBottom0" class="clTopMenuBottom"></div>
</div>
</td>
<td>
<div id="divTopMenu1" class="clTopMenu">LISTINI
<div id="divTopMenuText1" class="clTopMenuText">
Analisi
Tossicologia
Specialistica
Citologia Istologia
</div>
<div id="divTopMenuBottom1" class="clTopMenuBottom"></div>
</div>
</td>
<td>
<div id="divTopMenu2" class="clTopMenu">COMUNICAZIONI
<div id="divTopMenuText2" class="clTopMenuText">
Vademecum Sinonimi
Raccolta batteriologia
Raccolta citologia
</div>
<div id="divTopMenuBottom2" class="clTopMenuBottom"></div>
</div>
</td>
<td>
<div id="divTopMenu3" class="clTopMenu">SCHEDE ESAMI
<div id="divTopMenuText3" class="clTopMenuText">
Vademecum Italiano
Vademecum Inglese
</div>
<div id="divTopMenuBottom3" class="clTopMenuBottom"></div>
</div>
</td>
</tr>
<tr><td colspan="4"></td></tr>
<tr><td colspan="4"></td></tr>
</table>
</div>
</td>
</tr>
</table>
</BODY></HTML>
*** *** ***
fatemi sapere
grazie
ciao
::CIRMAS::
http://www.lottointelligente.it
(il gioco del lotto, previsioni lotto gratis, forum lotto, spazio personale utenti)
http://www.commerciobresciano.it (portale annunci)
Ho capito poco di quello che hai detto. Ma fino a lunedì non posso guardarci.Originariamente inviato da cirmas
Si perdonami vorrei semplicemente che cliccando o posizionandomi su uno dei 4 menu che mi servono, si aprisse un sottomenu semplicissmo, e cliccando su questo sottomenu si deve aprire un .pdf
di seguito la pagina html nel quale ce lo deo mettere e un simil menu che mi potrebbe andare bene, ma purtroppo ha il posizionamento assoluto
PS: il codice inseriscilo tra [ CODE] [ /CODE] (senza spazi), il tasto è quello con #
Eccomi... purtroppo senza risposta d'aiuto.
con quelle "function" non so che farci
Spero qualcun'altro possa aiutarti.
prova un menu' con i css,
cercati un link in questo thread
http://forum.html.it/forum/showthrea...hreadid=725406
ciaux
ok provo a guardare ciò che mi hai mandato
grazie
ciao
::CIRMAS::
http://www.lottointelligente.it
(il gioco del lotto, previsioni lotto gratis, forum lotto, spazio personale utenti)
http://www.commerciobresciano.it (portale annunci)
Forse uno dei più raffinati in circolazione:
- www.htmldog.com/articles/suckerfish/dropdowns/
Leading the Web to Its Full Potential...
www.pierofix.it | www.w3.org | www.zeldman.com/externals | http://browsehappy.com | www.alistapart.com | www.webstandards.org | www.flickr.com/photos/pierofix/
Permessi di invio
Rispondi quotando