Page 1 of 1

how to change html button postion and size?

Posted: Mon Nov 07, 2011 6:44 am
by premecorp
Hello Friends
could any one can say how to change html button position and size? I have a write a script but it is not working...

<input type="button" value="submit" style="height: 100px; width: 100px; left: 250; top: 250;">

Re: how to change html button postion and size?

Posted: Mon Nov 07, 2011 10:17 am
by pickle
you need units on the "left" and "top" properties. I think you'll also need to set the position property.

Re: how to change html button postion and size?

Posted: Mon Nov 14, 2011 3:18 pm
by tech0925
Here is one I recently put together. Maybe this will help..

Code: Select all

<input class="button" value="Sign Up" type="submit" name="submit" tabIndex="8">

<style type="text/css">
.button {
	font-family: Verdana, Arial, sans-serif;
	display: inline-block;
	background: #459300 url('../images/orange_bg.jpg') top left repeat-x;
	border: 1px solid #459300 ;
	padding: 5px 7px 5px 7px;
	color: #fff;
	font-size: 12px;
	cursor: pointer;
                }
                
.button:hover {
	text-decoration: none;
                }
                
.button:active {
	padding: 5px 7px 5px 7px;
                }</style>

Re: how to change html button postion and size?

Posted: Mon Feb 27, 2012 1:01 am
by techfreakd
Directly you can not do this. [As per my knowledge].
You should use images to supplant the radio buttons. You can make them function in the same manner as the radio buttons inmost cases, and you can make them any size you want.