Sizing Buttons

[nathan130]

:| I cant figure out how to resize my buttons...

<input type="button" onclick="disp_alert()" value="Display alert box" />

[mlseim]

Sort of a vague question, because there are submit buttons that can
be graphic or browser created ... and then you can use CSS too:

http://www.google.com/search?q=css+form+buttons&btnG=Search

And then, not sure if you mean buttons that are within forms,
submit buttons, or buttons that don't need to be in forms.

http://www.google.com/search?q=css+scalable+graphic+buttons&btnG=Search&hl=en&sa=2

[nathan130]

Srry,

its a button thats inside a table
The button just brings up an alert box

Its not in a form, not a submit button either

[Millenia]

Try

<input type="button" size="30" onclick="disp_alert()" value="Display alert box" />

Change the size number to make it longer/shorter.

[nathan130]

nope :( size doesnt do anything.

[oesxyl]

nope :( size doesnt do anything.
try css:

http://www.webreference.com/programming/css_stylish/

best regards

[Rowsdower!]

Agreed, CSS is a good helper with this issue. Here is an example for the CSS file or else for style code to plop into your header:


input.button2
{
font-weight: bold;
width: 2.5em;
color:#000000;
font: bold 84% 'trebuchet ms',helvetica,sans-serif;
background-color:#002136;
border: 1px solid;
border-color: #999999 #999999 #999999 #999999;
filter:progid:DXImageTransform.Microsoft.Gradient
(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#002136');
/*ffeeddaa*/
}

input.button2_hover
{
font-weight: bold;
width: 2.5em;
color:#000000;
font: bold 84% 'trebuchet ms',helvetica,sans-serif;
background-color:#002136;
border: 1px solid;
border-color: #999999 #999999 #999999 #999999;
filter:progid:DXImageTransform.Microsoft.Gradient
(GradientType=0,StartColorStr='#002136',EndColorStr='#ffffffff');
}


The red parts would be operative and you would of course want to match sizes between your standard and "mouseover" buttons to avoid a strobe effect when your user tries to use the button. You can use "em" "px" or "%" for the button size.

Then you'd toss this into your body where you want the button to be:


<input class="button2" type="button" onClick="disp_alert()" value="Display alert box" onmouseover="this.className='button2_hover'" onmouseout="this.className='button2'" />


Is this what you're looking for or have I misunderstood you?

[stanfordrep]

Is it a background image that looks like a button with a text link over it?