Hello! I have a drop down menu for my website, jurojun.org. the problem is - the font is too large.

My first option (link) is:
<option value="javascript:show('layer0','http://www.jurojun.org/versionone')" style="background-color:#FFFFFF;"><font size=10px>Collection</option>
As you see, I have put the font size there, yet it doesn't change it -- its still too large :-(.

I have changed my CSS code, which is linked too this page. The area of the CSS pertaining to this is:
input, textarea
{ background: #E9F3F3;
font-family: verdana;
color: #000000;
border-style: dashed;
border-color: #7EC0BF;
border-width: 2px;
letter-spacing: 3px;
font-weight: lighter;
font-size: 10px;
}

Can somebody please explain why this still is not working :-(? Its confusing me, and I would like to be able to get that drop down link up and running ASAP. Any reply would be greatly, greatly, appreciated. Thank you!

FONT SIZE is limited to a number 1 to 7.
try this instead...

<option value="javascript:show('layer0', 'http://www.jurojun.org/versionone')" style="background-color:#FFFFFF; font-size:8px;">Collection</option>

and in your css area, you should adjust this line for best results ...

background-color: #E9F3F3;

Ok, thanks! I fixed both of those things, and now the drop down menu is the size I want - and it looks really nice!
I hadn't noticed the problem with my CSS before, thanks for pointing it out, I already changed it :-)

But, still - I have another question (>_<)

Now the font size when you load the page (the default text that shows up on the drop down menu, in this case it is "collection" is still too large. I'll post the HTML...
I've looked at the tutorial under the HTML section, and I can't find anything pertaining to this problem. Sorry to bother you, but any answer would be appreciated (^_^)

Full drop down menu:

<form ACTION=URI>
<select name=name
onchange="location.href=(form.name.options[form.name.selectedIndex].value)">
<option value="javascript:show('layer0', 'http://www.jurojun.org/versionone')" style="background-color:#FFFFFF; font-size:10px;">Collection</option>
<option value="javascript:show('layer0', 'http://www.jurojun.org/collection/')" style="background-color:#CCFFFF; font-size:10px;">By Date</option>
<option value="javascript:show('layer0', 'http://www.jurojun.org/collection/name.html')" style="background-color:#CCCCFF; font-size:10px;">By Name</option>
</select>
</form>

Thanks for your time!

Now the font size when you load the page (the default text that shows up on the drop down menu, in this case it is "collection" is still too large.
i dont understand this part. does the font change when you do something on the page or after it loads?
are you able to post a link to your page to show us the problem in action?

Sure, I took a screen shot you can view it here (http://www.jurojun.org/xtr/collection.gif) .

See how the word "Collection" doesn't fit inside? And also, it is not the same size as "Index" and "Domain" How to fix this?

just adjust the px sizes to the correct size perhaps?

<form ACTION=URI>
<select name=name
onchange="location.href=(form.name. options[form.name.selectedIndex].value)">
<option value="javascript:show('layer0', 'http://www.jurojun.org/versionone')" style="background-color:#FFFFFF; font-size:10px;">Collection</option>
<option value="javascript:show('layer0', 'http://www.jurojun.org/collection/')" style="background-color:#CCFFFF; font-size:10px;">By Date</option>
<option value="javascript:show('layer0', 'http://www.jurojun.org/collection/name.html')" style="background-color:#CCCCFF; font-size:10px;">By Name</option>
</select>
</form>

Yeah I had already fixed that, you can view the page: http://www.jurojun.org/versionone

Here is the code:

<form ACTION=URI>
<select name=name
onchange="location.href=(form.name. options[form.name.selectedIndex].value)">
<option value="javascript:show('layer0', 'http://www.jurojun.org/versionone')" style="background-color:#FFFFFF; font-size:10px;">Collection</option>
<option value="javascript:show('layer0', 'http://www.jurojun.org/collection/')" style="background-color:#CCFFFF; font-size:10px;">By Date</option>
<option value="javascript:show('layer0', 'http://www.jurojun.org/collection/name.html')" style="background-color:#CCCCFF; font-size:10px;">By Name</option>
</select>
</form>


As you see it is 10px set -- but still shows up wrong -_-;; :help: