oud
asked on
For cabrionet or another expert
I previously asked:
I have got an input field and a drop down box on my page (please see below). However, the default sizes of both are a bit to large.
My question: how can I make the input field and drop down box look smaller (less pixels high and wide) in Netscape and Internet Explorer?
Cabrionet.. your solution works in Internet Explorer, but not in Netscape:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
..test { font-family: Arial; font-size: 9pt; font-style: normal; font-weight: normal; font-variant: normal; text-decoration: none; }
-->
</style></head>
<body bgcolor="#FFFFFF">
<span class="test"></span>
<FORM class="test">
<SELECT id=select1 name=select1 class="test">
<OPTION selected value="">SMALL LINK</OPTION>
<OPTION value="">SMALL LINK</OPTION>
<OPTION value="">SMALL LINK</OPTION>
<OPTION value="">SMALL LINK</OPTION>
<OPTION value="">SMALL LINK</OPTION>
<OPTION value="">SMALL LINK</OPTION>
</SELECT>
<INPUT type="text" class="test">
</FORM>
</body>
</html>
If you want smaller size... now you have size 9 (font-size: 9pt;). Put in the number 8...
In Netscape the size of the drop down box and field don't change (in IE it works fine). Hope someone can help me make this work in Netscape as well.
I have got an input field and a drop down box on my page (please see below). However, the default sizes of both are a bit to large.
My question: how can I make the input field and drop down box look smaller (less pixels high and wide) in Netscape and Internet Explorer?
Cabrionet.. your solution works in Internet Explorer, but not in Netscape:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
..test { font-family: Arial; font-size: 9pt; font-style: normal; font-weight: normal; font-variant: normal; text-decoration: none; }
-->
</style></head>
<body bgcolor="#FFFFFF">
<span class="test"></span>
<FORM class="test">
<SELECT id=select1 name=select1 class="test">
<OPTION selected value="">SMALL LINK</OPTION>
<OPTION value="">SMALL LINK</OPTION>
<OPTION value="">SMALL LINK</OPTION>
<OPTION value="">SMALL LINK</OPTION>
<OPTION value="">SMALL LINK</OPTION>
<OPTION value="">SMALL LINK</OPTION>
</SELECT>
<INPUT type="text" class="test">
</FORM>
</body>
</html>
If you want smaller size... now you have size 9 (font-size: 9pt;). Put in the number 8...
In Netscape the size of the drop down box and field don't change (in IE it works fine). Hope someone can help me make this work in Netscape as well.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
I dont know why but the server added 2 dots! again! in the style tag ( in front of the test2 { font-family...)
Erase 1
And it will work.
Erase 1
And it will work.
ASKER
Thanks cabrionet, your code works fine now in both versions.
jbirk: I used the style property of the form elements and this also worked. Also I deleted the default options in the class and this didn't cause any problems. So you answer was very helpful as well.
I have posted a "For jbirk".
Thanks again to you both.
jbirk: I used the style property of the form elements and this also worked. Also I deleted the default options in the class and this didn't cause any problems. So you answer was very helpful as well.
I have posted a "For jbirk".
Thanks again to you both.
font-family: Arial; font-size: 9pt; font-style: normal;
Also try just using the style property of the form elements instead of defining a class... not sure if that's causing a problem, but it may help. Like this:
<INPUT type="text" style="font-family: Arial; font-size: 9pt; font-style: normal;" size=10>
-Josh