-
Howdy! Welcome to our community of more than 130.000 members devoted to web hosting. This is a great place to get special offers from web hosts and post your own requests or ads. To start posting sign up here. Cheers! /Peo, FreeWebSpace.net
Shrinking size of the form fields?
- Thread starter Hobbes
- Start date
I think there is no way to shrink the size of a submit button by reducing its size.However you can use small font size in the button so that it would take less space and in the result the size of button would be reduced automatically you can do this by defining a class in CSS and then using this class...like this
By the way you can also use an image instead of a submit button and it also looks beautiful just use..
Code:
<!--Written By Naveed -->
<html>
<head>
<!-- Defining class in this style sheet -->
<style type="text/css">
.buttonstyle {
font-size: 5px;
font-family: Arial;
background-color: #00ff00;
}
</style>
</head>
<body>
<form>
<input type="button" value="Submit It" class="buttonstyle">
</form>
</body>
</html>
Code:
<input type="image" src="file.gif">
Just define it's height and width, you'll also want to reduce the font size.
<input type="submit" value="example" style="width:45px;height:20px;font-size:5px;">
To make a small button in Netscape 4.x, surround it with a font tag.
<font size="-2"><input type="submit" value="example"></font>
I recommend doing both.
<font size="-2"><input type="submit" value="example" style="width:45px;height:20px;font-size:5px;"></font>
<input type="submit" value="example" style="width:45px;height:20px;font-size:5px;">
To make a small button in Netscape 4.x, surround it with a font tag.
<font size="-2"><input type="submit" value="example"></font>
I recommend doing both.
<font size="-2"><input type="submit" value="example" style="width:45px;height:20px;font-size:5px;"></font>
