Need Special Form Input And submit Setting in CSS

**Death Slaught** · Feb 6 '08, 11:06 PM

They look like they used images to make it look that way. I wish I could help you more but I can't at the moment. I'm that someone will though :).

^_^ Thanks, Death

**tijivarghese** · Feb 7 '08, 01:56 PM

Originally posted by bilalinamdar

hello
this is my first post in this forum...
I am just a BEGINNER.. Not much Understanding..
I have a website which consist a BOX and a Submit Button
I would like to make a custom setting to it...
Also would like to separte it in a EXTERNAL CSS.. i already have other codes but want to incorporate this.. Really confused with the CLASS, ID, NAME which one to choose for css.. Kindly provide the code...
[HTML]<div id="thebox" class="style2">
<form action="index.p hp" class="chooser_ form" name="chooser_f orm" id="chooser_for m" method="post" onsubmit="retur n false;">
<input id="url" name="url" class="chooser_ input_url_2" size="10" type="text" style="border: 1px #000080 solid; background: #C0C0C0; width: 447px; height: 25px; font-family: Arial, Helvetica, sans-serif; font-size: large; font-style: normal; font-variant: normal; font-weight: bolder; line-height: normal;" onfocus="this.s elect()">
<input id="enter" type="image" src="img/example.gif" class="chooser_ input_submit" align="absmiddl e" title="example" onclick="exampl efunc();return false;">
</form>
</div>[/HTML]

The above code works perfectly But the problem is i am try to redesign my site...The only thing left is this code.. I already Designed it (i wanted to make it more attractive but do not know much abt decorating FORM INPUT SUBMIT system)...

Also what abt the validation error i get this:

Code:

…" class="chooser_input_submit" align="absmiddle" title=

There is no attribute "ALIGN".
Is ABSMIDDLE is not allowed ? If not allowed than which one to use ?

Also how can i add The UP DOWN PRESS button system ?
It doesn't work with images ! i really forgotten how to do it ? any way with css ?

Few example of custom input boxes with submit button (it is from some proxy sites)

Code:

http://shareimagesonline.com/viewer.php?file=mpaufdvst20xtikk6b5k.jpg

Code:

http://shareimagesonline.com/viewer.php?file=arl84s9yj7nbbfpykoxn.jpg

Hi buddy!
The very 1st thing I would like to mention is that align="absmiddl e" is NOT a standard html tag.. the attributes for align can be 'Center' , 'justify' or 'right'..
Now, to have the Up-Down Press button system you will have to use a button instead of image..Instead of using the image as button, use it as the background image of the button.. For example here is a class what i wrote:

Code:

.orangeButton	{
BACKGROUND-IMAGE: url('images/button_bg.gif');
background-repeat: no-repeat;
COLOR: white;
FONT-FAMILY: Arial, Verdana, Tahoma;
FONT-SIZE: 15pt;
TEXT-ALIGN: center;
border:0px;
width:139px;
height:44px;
cursor: pointer;
}

In the above code the width and height have been fixed on the basis of the image's width and height. Now all you have to do is call this class in the input tag.
Coming to the other part of the problem, can you please be more clear on what exactly do u want??

Need Special Form Input And submit Setting in CSS

Need Special Form Input And submit Setting in CSS

Comment

Comment