By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,625 Members | 2,261 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,625 IT Pros & Developers. It's quick & easy.

Need Special Form Input And submit Setting in CSS

P: 1
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.php" class="chooser_form" name="chooser_form" id="chooser_form" method="post" onsubmit="return 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.select()">
<input id="enter" type="image" src="img/example.gif" class="chooser_input_submit" align="absmiddle" title="example" onclick="examplefunc();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:
Expand|Select|Wrap|Line Numbers
  1. " 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)
Expand|Select|Wrap|Line Numbers
  1. http://shareimagesonline.com/viewer.php?file=mpaufdvst20xtikk6b5k.jpg
Expand|Select|Wrap|Line Numbers
  1. http://shareimagesonline.com/viewer.php?file=arl84s9yj7nbbfpykoxn.jpg
Feb 6 '08 #1
Share this Question
Share on Google+
2 Replies


Death Slaught
100+
P: 1,137
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
Feb 6 '08 #2

P: 3
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.php" class="chooser_form" name="chooser_form" id="chooser_form" method="post" onsubmit="return 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.select()">
<input id="enter" type="image" src="img/example.gif" class="chooser_input_submit" align="absmiddle" title="example" onclick="examplefunc();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:
Expand|Select|Wrap|Line Numbers
  1. " 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)
Expand|Select|Wrap|Line Numbers
  1. http://shareimagesonline.com/viewer.php?file=mpaufdvst20xtikk6b5k.jpg
Expand|Select|Wrap|Line Numbers
  1. http://shareimagesonline.com/viewer.php?file=arl84s9yj7nbbfpykoxn.jpg

Hi buddy!
The very 1st thing I would like to mention is that align="absmiddle" 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:
Expand|Select|Wrap|Line Numbers
  1. .orangeButton    {
  2. BACKGROUND-IMAGE: url('images/button_bg.gif');
  3. background-repeat: no-repeat;
  4. COLOR: white;
  5. FONT-FAMILY: Arial, Verdana, Tahoma;
  6. FONT-SIZE: 15pt;
  7. TEXT-ALIGN: center;
  8. border:0px;
  9. width:139px;
  10. height:44px;
  11. cursor: pointer;
  12. }
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??
Feb 7 '08 #3

Post your reply

Sign in to post your reply or Sign up for a free account.