472,952 Members | 2,086 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,952 software developers and data experts.

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
2 2207
Death Slaught
1,137 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

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

Similar topics

5
by: Bruce Duncan | last post by:
I can't seem to figure our why this doesn't work. I don't get any errors, it just doesn't submit. Can anyone shed some light. <?PHP $var1 = "http://localhost/php/index.php"; $varx = "bruce";...
3
by: Hodad | last post by:
I would like to adapt, as much as possible, the appearance and color red of the font in this button: <P><CENTER><BUTTON VALUE="SUBMIT"><A...
11
by: charlie_M | last post by:
I have a number of applications where I want to have many onclick='submit()' attached to different 'elements' on a single form ..... which sends the form to a CGI "script" which does all the...
2
by: Mike Button | last post by:
Hello all, I am really really desperate on what I should do, and I am asking for help from anyone in this newsgroup, here's the situation: I am creating a form that is being run on a server...
5
by: rjames.clarke | last post by:
I have the following. $result=mysql_query($sql); $nrows=mysql_num_rows($result); for ($i=0;$i<$nrows;$i++) { $row_array=mysql_fetch_row($result); echo "<form name='testform'...
3
by: awebguynow | last post by:
in other words, Can I make client side mod's before I submit a form and Post ? I guess its just a matter of cycling through the form elements and setting value to null (or empty string) for...
0
by: ward | last post by:
Greetings. Ok, I admit it, I bit off a bit more than I can chew. I need to complete this "Generate Report" page for my employer and I'm a little over my head. I could use some additional...
2
by: drakorq | last post by:
I got stuck on this, and it would be really great if anybody could point me in the right direction. I was trying setting up these scripts following instructions in a book from 2003, so I thought...
6
by: Mark B | last post by:
I have a function that looks up a SQL table to see if a search term matches. It works fine but so far there are two things yet to work: 1) After entering a search term and pressing Enter, nothing...
0
by: lllomh | last post by:
Define the method first this.state = { buttonBackgroundColor: 'green', isBlinking: false, // A new status is added to identify whether the button is blinking or not } autoStart=()=>{
0
by: Mushico | last post by:
How to calculate date of retirement from date of birth
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 4 Oct 2023 starting at 18:00 UK time (6PM UTC+1) and finishing at about 19:15 (7.15PM) The start time is equivalent to 19:00 (7PM) in Central...
0
tracyyun
by: tracyyun | last post by:
Hello everyone, I have a question and would like some advice on network connectivity. I have one computer connected to my router via WiFi, but I have two other computers that I want to be able to...
2
by: giovanniandrean | last post by:
The energy model is structured as follows and uses excel sheets to give input data: 1-Utility.py contains all the functions needed to calculate the variables and other minor things (mentions...
1
by: Teri B | last post by:
Hi, I have created a sub-form Roles. In my course form the user selects the roles assigned to the course. 0ne-to-many. One course many roles. Then I created a report based on the Course form and...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 1 Nov 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM) Please note that the UK and Europe revert to winter time on...
3
by: nia12 | last post by:
Hi there, I am very new to Access so apologies if any of this is obvious/not clear. I am creating a data collection tool for health care employees to complete. It consists of a number of...
0
NeoPa
by: NeoPa | last post by:
Introduction For this article I'll be focusing on the Report (clsReport) class. This simply handles making the calling Form invisible until all of the Reports opened by it have been closed, when it...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.