467,915 Members | 1,280 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 467,915 developers. It's quick & easy.

Need Special Form Input And submit Setting in CSS

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
  • viewed: 1999
Share:
2 Replies
Death Slaught
1GB
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
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.

Similar topics

5 posts views Thread by Bruce Duncan | last post: by
2 posts views Thread by Mike Button | last post: by
5 posts views Thread by rjames.clarke | last post: by
3 posts views Thread by awebguynow | last post: by
reply views Thread by ward | last post: by
2 posts views Thread by drakorq | last post: by
6 posts views Thread by Mark B | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.