Select Boxes and their sizes

liunx

Guest
Hi,<br />
<br />
I'm having problems getting the sizes of my <select> boxes just right. I'm using stylesheets, on IE...<br />
<br />
Code is something like this:<br />
<br />
<style> .box { font-size : 12; height : auto; } </style><br />
<br />
...<br />
<br />
<select class="box" ...><br />
<br />
I can only get two different sizes. The size that seems normal at (but is too big for me) and something that is smaller, but too small. I can't get anything in between no matter how I try to mess with the font-size. Setting height at different values on px also doesn't do anything for me.<br />
<br />
Am I missing something?<br />
<br />
Thank you,<br />
<br />
Yoni<!--content-->if you want the height then I think it is "size" you have to use.<br />
<br />
<style> .box { font-size : 12; size : 3; } </style><!--content-->Hi,<br />
<br />
I tried adding the size attribute to the style block, but it didn't do anything. I don't think there is one called "size". If you meant to tell me to add "size=3" inside the select tag, that's also not what I'm looking for. That would give me three rows.<br />
<br />
If anybody else can get me the answer, I would appreciate it.<br />
<br />
Thanks,<br />
<br />
Yoni<!--content-->rows and height are the samething.<br />
<br />
are you looking for the width instead? all you can do it go down or across, you can't make it bigger then the OS will let you.<!--content-->I can only get the boxes to display their values in two fonts. Something around 7 or 8, and another around maybe 12 or 13. I'd like to display a font size of say, 10, but it will only display one of the other two sizes, either too big or too small.<!--content-->so you want the font size to be 10 and not the size of the box?<br />
<br />
do you have some code to look at?<br />
<br />
<style> .box { font-size : 10px; } </style><br />
<br />
but if you don't use anything for the font size the browser default is 10px<!--content-->_________________________________________________<br />
<style type="text/css"><br />
.box {<br />
font-size : 13px;<br />
}<br />
</style><br />
<br />
...<br />
<br />
<select size ='1' class='box' ...>...</select><br />
_________________________________________________<br />
<br />
This is pretty much the code I'm using.<br />
<br />
What happens is that at a px 13 and higher, my boxes are too big, and at 12, they are much too small. In fact, they're at that same size when I set font-size to 7px.<br />
If the larger box is around 13px, and the smaller box is around 7px, what I'm going for is at maybe 10px, and I just can't get the box to be that value for some reason.<br />
<br />
Thanks again,<br />
<br />
Yoni<!--content-->ok a lot can effect the select box. check you browser settings for font control, biew -> text size<br />
<br />
that is one area. the select box is actually controlled by the users OS and so you have to compinsate for their font settings.<br />
<br />
but if you don't set a font what does it look like? do you have a test for us to look at ?<!--content-->You can go here to take a look.<br />
<br />
<!-- m --><a class="postlink" href="http://www.dunnit.com/golfpool/player_select.php">http://www.dunnit.com/golfpool/player_select.php</a><!-- m --><br />
<br />
Right now, the box class has no px setting. The text boxes are too big this way.<br />
<br />
Also, when I change the settings of text-size in my browser, the select boxes aren't affected.<!--content-->ok look at this<br />
<br />
what I think you need is the font-family: in the style tags.<br />
<br />
generally this is how it is suppose to be but without making sure you needed it I had to check. font styles usually go in pairs or more.<br />
<br />
I used this<br />
<br />
.box1 {<br />
font-family: arial,"ms san serif", verdana,tahoma,helvetica;<br />
font-size: 10px;<br />
}<!--content-->Perfect.<br />
<br />
Thanks Scoutt<!--content-->
 
Back
Top