how to change html button postion and size?

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
premecorp
Forum Newbie
Posts: 15
Joined: Fri Nov 04, 2011 9:12 am

how to change html button postion and size?

Post 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;">
User avatar
pickle
Briney Mod
Posts: 6445
Joined: Mon Jan 19, 2004 6:11 pm
Location: 53.01N x 112.48W
Contact:

Re: how to change html button postion and size?

Post by pickle »

you need units on the "left" and "top" properties. I think you'll also need to set the position property.
Real programmers don't comment their code. If it was hard to write, it should be hard to understand.
tech0925
Forum Commoner
Posts: 47
Joined: Wed Nov 09, 2011 2:46 pm

Re: how to change html button postion and size?

Post 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>
Last edited by Benjamin on Mon Nov 14, 2011 10:56 pm, edited 1 time in total.
Reason: Added [syntax=php||htm||css||javascript||sql||etc] - Please use [syntax] tags when posting code in the forums! Thanks.
techfreakd
Forum Newbie
Posts: 5
Joined: Thu Feb 23, 2012 11:41 pm

Re: how to change html button postion and size?

Post 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.
Post Reply