Re: Resize Form Components

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View

Is there any way to physicall reduce the size of form components such as
text boxes list boxes combo boxes etc. I see on some sites these components
appear smaller and look better.



Re: Resize Form Components

Quoted text here. Click to load it

yes using the usual css height/width/etc but be careful you may make the
elements difficult/confusing/unusable etc

what is the 're:' in the subject line? the post has no references in the

b  r  u  c  i  e

Re: Resize Form Components

David Egan wrote:
Quoted text here. Click to load it

I'd experiment with css, e.g.

<style type="text/css">
body, input, select {
   font-family: Verdana, Arial, Helvetica, sans-serif;
.text1  {  font-size:  xx-small; }
.text2  {  font-size:  x-small; }
.text3  {  font-size:  40%; }
.text4  {  font-size:  60%; }
.text5  {  font-size:  80%; }
.text6  {  font-size:  .4em; }
.text7  {  font-size:  .5em; }
.text8  {  font-size:  .6em; }
.text9  {  font-size:  .7em; }
.text10 {  font-size:  .8em; }
.text11 {  font-size:  .9em; }

<input type="text" class="text1" value="Font Size: xx-small" size="19"> <p>
<input type="text" class="text2" value="Font Size: x-small" size="18"> <p>
<input type="text" class="text3" value="Font Size: 40%" size="14"> <p>
<input type="text" class="text4" value="Font Size: 60%" size="17"> <p>
<input type="text" class="text5" value="Font Size: 80%" size="18"> <p>
<input type="text" class="default" value="Font Size: Default" size="18"> <p>
<input type="text" class="text6" value="Font Size: .4em" size="13"> <p>
<input type="text" class="text7" value="Font Size: .5em" size="18"> <p>
<input type="text" class="text8" value="Font Size: .6em" size="16"> <p>
<input type="text" class="text9" value="Font Size: .7em" size="16"> <p>
<input type="text" class="text10" value="Font Size: .8em" size="17"> <p>
<input type="text" class="text11" value="Font Size: .9em" size="16">
<SELECT class="text1" NAME="pizzasize1">
<OPTION VALUE="s">xx-small
<OPTION VALUE="m">medium
<OPTION VALUE="l">large
<SELECT class="text6" NAME="pizzasize2">
<OPTION VALUE="s">0.5em
<OPTION VALUE="m">medium
<OPTION VALUE="l">large


Site Timeline