Joana
asked on
Firefox Drop Down List
Hello
In firefox the height of the dropdown box is too big. It has space above before the dropdown arrow starts. So it sort of looks like a textbox sitting on top of a select box.
ANy ideas of how to fix this? It makes it look messy.
Thanks
JO
In firefox the height of the dropdown box is too big. It has space above before the dropdown arrow starts. So it sort of looks like a textbox sitting on top of a select box.
ANy ideas of how to fix this? It makes it look messy.
Thanks
JO
With CSS you can change the size and width of a drop down box.
I will see if I can find the code for you.
ASKER
I have tried that
width: 12px
height: 12px
dosn't do anything?
width: 12px
height: 12px
dosn't do anything?
Can you post your code you are using?
ASKER
***** CODE ****
<tr>
<td class="quicklink"><select id="Apples" class="rightnav">
<option value="" selected="selected">
<option value="One" selected="selected">One</o
<option value="Two" selected="selected">Two</o
</select></td>
</tr>
***** CSS ******
select.rightnav{
width: 130px;
font-size: xx-small;
display: box;
color: #666666;
font-family: Verdana, Helvetica, Arial, Sans-Serif;
}
<tr>
<td class="quicklink"><select id="Apples" class="rightnav">
<option value="" selected="selected">
<option value="One" selected="selected">One</o
<option value="Two" selected="selected">Two</o
</select></td>
</tr>
***** CSS ******
select.rightnav{
width: 130px;
font-size: xx-small;
display: box;
color: #666666;
font-family: Verdana, Helvetica, Arial, Sans-Serif;
}
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
No sorry it didn't work
ASKER
Ooo got it
The it's parent style had top padding, the other browsers didn't inherit it becasue it was a select, firefox must work different :-)
The it's parent style had top padding, the other browsers didn't inherit it becasue it was a select, firefox must work different :-)
<HTML>
<HEAD>
<style type="text/css">
<!--
select.rightnav { font-family: verdana; font-size: 5pt; }
-->
</style>
</HEAD>
<body><select id="Apples" class="rightnav">
<option value="" selected="selected">
<option value="One" selected="selected">One</o
<option value="Two" selected="selected">Two</o
</select>
</body>
</HTML>
Here is my code and I tested it in both IE and firefox and it seems to work.
Try doing a control shift-f5 to grab a new copy from the server, or clear your temp internet files and relaunch your browser.
<HEAD>
<style type="text/css">
<!--
select.rightnav { font-family: verdana; font-size: 5pt; }
-->
</style>
</HEAD>
<body><select id="Apples" class="rightnav">
<option value="" selected="selected">
<option value="One" selected="selected">One</o
<option value="Two" selected="selected">Two</o
</select>
</body>
</HTML>
Here is my code and I tested it in both IE and firefox and it seems to work.
Try doing a control shift-f5 to grab a new copy from the server, or clear your temp internet files and relaunch your browser.
Hey glad to see it's working!