Font size

[zendo]

I don't know how to change a font size for a menu that is written in Java Script... HTML code change can do... What do I do with Java? Thanks, another newbie
zendo

[AdamBrill]

Well, it's hard to tell you what code to change when you didn't give us any code. ;) Try posting a link to where you go the code and tell us what font you want changed...

[zendo]

I don't know how to control the fonts or font sizes...

<script language="JavaScript1.2">

//Contents for menu 1
var menu1=new Array()
menu1[0]='<a href=test.htm>Menu link here</a><br>'
menu1[1]='<a href=test.htm>Menu link here</a><br>'
menu1[2]='<a href=test.htm>Menu link here</a><br>'
//Contents for menu 2
var menu2=new Array()
menu2[0]='<a href=test.htm>Menu link here</a><br>'
menu2[1]='<a href=test.htm>Menu link here</a><br>'
menu2[2]='<a href=test.htm>Menu link here</a><br>'
//Contents for menu 3
var menu3=new Array()
menu3[0]='<a href=test.htm>Menu link here</a><br>'
menu3[1]='<a href=test.htm>Menu link here</a><br>'
menu3[2]='<a href=test.htm>Menu link here</a><br>'
//Contents for menu 4
var menu4=new Array()
menu4[0]='<a href=test.htm>Menu link here</a><br>'
menu4[1]='<a href=test.htm>Menu link here</a><br>'
menu4[2]='<a href=test.htm>Menu link here</a><br>'
//Contents for menu 5
var menu5=new Array()
menu5[0]='<a href=test.htm>Menu link here</a><br>'
menu5[1]='<a href=test.htm>Menu link here</a><br>'
menu5[2]='<a href=test.htm>Menu link here</a><br>'
//Contents for menu 6
var menu6=new Array()
menu6[0]='<a href=test.htm>Menu link here</a><br>'
menu6[1]='<a href=test.htm>Menu link here</a><br>'
menu6[2]='<a href=test.htm>Menu link here</a><br>'
//Contents for menu 7
var menu7=new Array()
menu7[0]='<a href=test.htm>Menu link here</a><br>'
menu7[1]='<a href=test.htm>Menu link here</a><br>'
menu7[2]='<a href=test.htm>Menu link here</a><br>'


</script>

<style>
<!--
.wrap1{
position:relative;
}
.wrap2{
position:absolute;
}
#dropmenu0, #dropmenu1, #dropmenu2, #dropmenu3, #dropmenu4, #dropmenu5, #dropmenu6{
z-index:100;
}
-->
</style>


<script language="JavaScript1.2">
//reusable/////////////////////////////

//Drop down menu by http://www.dynamicdrive.com

var zindex=100
var ns4=document.layers
var ns6=document.getElementById&&!document.all
var ie4=document.all
var opr=navigator.userAgent.indexOf("Opera")

function dropit(e,whichone){
curmenuID=ns6? document.getElementById(whichone).id : eval(whichone).id
if (window.themenu&&themenu.id!=curmenuID)
themenuStyle.visibility=ns4?"hide" : "hidden"

themenu=ns6? document.getElementById(whichone): eval(whichone)
themenuStyle=(ns6||ie4)? themenu.style : themenu

themenuoffsetX=(ie4&&opr==-1)? document.body.scrollLeft : 0
themenuoffsetY=(ie4&&opr==-1)? document.body.scrollTop : 0

themenuStyle.left=ns6||ns4? e.pageX-e.layerX : themenuoffsetX+event.clientX-event.offsetX
themenuStyle.top=ns6||ns4? e.pageY-e.layerY+19 : themenuoffsetY+event.clientY-event.offsetY+18

hiddenconst=(ns6||ie4)? "hidden" : "hide"
if (themenuStyle.visibility==hiddenconst){
themenuStyle.visibility=(ns6||ie4)? "visible" : "show"
themenuStyle.zIndex=zindex++
}
else
hidemenu()
return false
}

function hidemenu(){
if ((ie4||ns6)&&window.themenu)
themenuStyle.visibility="hidden"
else if (ns4)
themenu.visibility="hide"
}

if (ie4||ns6)
document.onclick=hidemenu

//reusable/////////////////////////////
</script>

<!----------Menu 1 starts here---------->

<ilayer>
<layer visibility=show>
<div class=wrap1>
<span class=wrap2 onClick="dropit(event, 'dropmenu0');event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(ns4) return dropit(event, 'document.dropmenu0')">Click here</a></b></font>
</span>
</div>
</layer>
</ilayer><br>
<!----------Menu 1 ends here---------->


<!----------Menu 2 starts here---------->

<ilayer>
<layer visibility=show>
<div class=wrap1>
<span class=wrap2 onClick="dropit(event, 'dropmenu1');event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(ns4) return dropit(event, 'document.dropmenu1')">Click here</a></b></font>
</span>
</div>
</layer>
</ilayer><br>
<!----------Menu 2 ends here---------->


<!----------Menu 3 starts here---------->

<ilayer>
<layer visibility=show>
<div class=wrap1>
<span class=wrap2 onClick="dropit(event, 'dropmenu2');event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(ns4) return dropit(event, 'document.dropmenu2')">Click here</a></b></font>
</span>
</div>
</layer>
</ilayer><br>
<!----------Menu 3 ends here---------->


<!----------Menu 4 starts here---------->

<ilayer>
<layer visibility=show>
<div class=wrap1>
<span class=wrap2 onClick="dropit(event, 'dropmenu3');event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(ns4) return dropit(event, 'document.dropmenu3')">Click here</a></b></font>
</span>
</div>
</layer>
</ilayer><br>
<!----------Menu 4 ends here---------->


<!----------Menu 5 starts here---------->

<ilayer>
<layer visibility=show>
<div class=wrap1>
<span class=wrap2 onClick="dropit(event, 'dropmenu4');event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(ns4) return dropit(event, 'document.dropmenu4')">Click here</a></b></font>
</span>
</div>
</layer>
</ilayer><br>
<!----------Menu 5 ends here---------->


<!----------Menu 6 starts here---------->

<ilayer>
<layer visibility=show>
<div class=wrap1>
<span class=wrap2 onClick="dropit(event, 'dropmenu5');event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(ns4) return dropit(event, 'document.dropmenu5')">Click here</a></b></font>
</span>
</div>
</layer>
</ilayer><br>
<!----------Menu 6 ends here---------->


<!----------Menu 7 starts here---------->

<ilayer>
<layer visibility=show>
<div class=wrap1>
<span class=wrap2 onClick="dropit(event, 'dropmenu6');event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(ns4) return dropit(event, 'document.dropmenu6')">Click here</a></b></font>
</span>
</div>
</layer>
</ilayer><br>
<!----------Menu 7 ends here---------->

Step 3: Finally, insert the below code at the end of the <body> section, right above the </body> tag:

<div id=dropmenu0 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:1px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu0.style.padding="4px"
for (i=0;i<menu1.length;i++)
document.write(menu1[i])
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu0.captureEvents(Event.CLICK)
document.dropmenu0.onclick=hidemenu
}
</script>

<div id=dropmenu1 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:1px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu1.style.padding="4px"
for (i=0;i<menu2.length;i++)
document.write(menu2[i])
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu1.captureEvents(Event.CLICK)
document.dropmenu1.onclick=hidemenu
}
</script>

<div id=dropmenu2 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:1px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu2.style.padding="4px"
for (i=0;i<menu3.length;i++)
document.write(menu3[i])
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu2.captureEvents(Event.CLICK)
document.dropmenu2.onclick=hidemenu
}
</script>

<div id=dropmenu3 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:1px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu3.style.padding="4px"
for (i=0;i<menu4.length;i++)
document.write(menu4[i])
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu3.captureEvents(Event.CLICK)
document.dropmenu3.onclick=hidemenu
}
</script>

<div id=dropmenu4 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:1px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu4.style.padding="4px"
for (i=0;i<menu5.length;i++)
document.write(menu5[i])
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu4.captureEvents(Event.CLICK)
document.dropmenu4.onclick=hidemenu
}
</script>

<div id=dropmenu5 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:1px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu5.style.padding="4px"
for (i=0;i<menu6.length;i++)
document.write(menu6[i])
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu5.captureEvents(Event.CLICK)
document.dropmenu5.onclick=hidemenu
}
</script>

<div id=dropmenu6 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:1px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu6.style.padding="4px"
for (i=0;i<menu7.length;i++)
document.write(menu7[i])
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu6.captureEvents(Event.CLICK)
document.dropmenu6.onclick=hidemenu
}
</script>

Thanks for your time and efforts...
zendo:confused: