How Do I Make The Fontsize The Same

[TCH-Thomas]

I found this little script but when I try it, it use different fontsizes in I.E and Firefox.

Is there any way I can make it use same size in both browsers?

 

><script language="javascript" type="text/javascript">
function jump(form) {
var myindex=form.menu.selectedIndex
if (form.menu.options[myindex].value != "0") 
{
window.open(form.menu.options[myindex].value, 
target="yourframename");
}
}
//-->
</script>

<form name="lissamenu2" ACTION=URI>
<select name="menu" onchange="jump(this.form)">
<option value="0">Where to?</option>   
<option value="0"></option>   (this adds a space).
<option value="http://www.lissaexplains.com">Home</option>
<option value="http://www.lissaexplains.com/fun.shtml">Fun Stuff</option>
<option value="http://www.lissaexplains.com/cursor.shtml">Lissa's Cursors</option>
</select>
</form>

[!!blue]

You could try adding a CSS style to the select object by adding the code below between the head tags:

><style type="text/css">
select {font: normal 0.8em Verdana, Arial, Helvetica, sans-serif; color: #333; background: #E3EEDD;}
</style>

I added a background color just to show you that it can be done. The font sizes should now resemble each other in different browsers. Many of the objects in a form can have styles added to it.

 

hope that helps,

!!blue

[TCH-Thomas]

Thanks Blue

But, is there a way to add that in to the script? I use Cutesite builder and sometimes it gets a little mad at me (in lack of words) when I add stuff in to head so I try to add as much as possible in to the real scripts.

[!!blue]

Oh, wow. I have no idea, I've never used Cutesite Builder. Maybe you can have the stylesheet as a CSS file that is linked into the head tag?

 

Other then that, I have no idea. Hopefully someone with experience can help?

 

sorry,

!!blue