Thread: PhP button
Results 1 to 7 of 7
Related
-
Pop-up Button Forum: HTML Forum
Replies: 11 -
PayPal button Forum: HTML Forum
Replies: 2 -
Replies: 3
-
Button back and next Forum: Javascript Forum
Replies: 1 -
button links Forum: HTML Forum
Replies: 1
-
11-09-2003, 08:34 PM #1
PhP button
how would i make an button and an text field that dont have the outline around it, like this one http://www.airideas.com/php_button.jpg
and how would i make the textfield go blank when it gets clicked on(for an forum? java script?\
tnx-luzerLast edited by HTML; 03-09-2012 at 07:56 AM.
-
11-10-2003, 06:09 PM #2
The button is 100% CSS, for the textarea, check out Deans CSS tutorials http://css.somepeople.net/
Code:.cssbtn:link{ display:inline; display:inline-block; width:auto; margin:0.1em; padding:2px; background-color: #f3f3f3; border: 1px solid #000000; font-size: 10px; font-family: Verdana, arial, geneva, sans-serif; color: #000000; text-align:center; text-decoration: none; vertical-align:middle; white-space:nowrap; cursor:hand; cursor:pointer; } .cssbtn:active{ display:inline; display:inline-block; width:auto; margin:0.1em; padding:2px; background-color: #f3f3f3; border: 1px solid #000000; font-size: 10px; font-family: Verdana, arial, geneva, sans-serif; color: #000000; text-align:center; text-decoration: none; vertical-align:middle; white-space:nowrap; cursor:hand; cursor:pointer; } .cssbtn:visited{ display:inline; display:inline-block; width:auto; margin:0.1em; padding:2px; background-color: #f3f3f3; border: 1px solid #000000; font-size: 10px; font-family: Verdana, arial, geneva, sans-serif; color: #000000; text-align:center; text-decoration: none; vertical-align:middle; white-space:nowrap; cursor:hand; cursor:pointer; } .cssbtn:hover { display:inline; display:inline-block; width:auto; margin:0.1em; padding:2px; background-color: #000000; border: 1px solid #000000; font-size: 10px; font-family: Verdana, arial, geneva, sans-serif; color: #f3f3f3; text-align:center; text-decoration: none; vertical-align:middle; white-space:nowrap; cursor:hand; cursor:pointer; } .cssbtn[class] { width:auto; min-width:50px; }
-
11-11-2003, 10:54 PM #3
-
11-18-2003, 12:06 AM #4
help
got this
Code:.cssbtn:link{ display:inline; display:inline-block; width:auto; margin:0.1em; padding:2px; background-color: #f3f3f3; border: 1px solid #000000; font-size: 10px; font-family: Verdana, arial, geneva, sans-serif; color: #000000; text-align:center; text-decoration: none; vertical-align:middle; white-space:nowrap; cursor:hand; cursor:pointer; } .cssbtn:active{ display:inline; display:inline-block; width:auto; margin:0.1em; padding:2px; background-color: #f3f3f3; border: 1px solid #000000; font-size: 10px; font-family: Verdana, arial, geneva, sans-serif; color: #000000; text-align:center; text-decoration: none; vertical-align:middle; white-space:nowrap; cursor:hand; cursor:pointer; } .cssbtn:visited{ display:inline; display:inline-block; width:auto; margin:0.1em; padding:2px; background-color: #f3f3f3; border: 1px solid #000000; font-size: 10px; font-family: Verdana, arial, geneva, sans-serif; color: #000000; text-align:center; text-decoration: none; vertical-align:middle; white-space:nowrap; cursor:hand; cursor:pointer; } .cssbtn:hover { display:inline; display:inline-block; width:auto; margin:0.1em; padding:2px; background-color: #000000; border: 1px solid #000000; font-size: 10px; font-family: Verdana, arial, geneva, sans-serif; color: #f3f3f3; text-align:center; text-decoration: none; vertical-align:middle; white-space:nowrap; cursor:hand; cursor:pointer; }
Code:<FORM method=GET action="http://www.google.com/search" target="_blank"><input type=text name=q size=20 maxlength=25 value="Search"> <input type=submit name=btnG value="Google">
puting the .cssbtn in front of it(so it loks like thisCode:.cssbtn <FORM method=GET action="http://www.google.com/search" target="_blank"><input type=text name=q size=20 maxlength=25 value="Search"> <input type=submit name=btnG value="Google">
not to ask to much, but changing the textfield would be ?? in css?
-very TNA
-
11-18-2003, 05:08 AM #5
I would start by inserting class="cssbtn" inside the form tag. Or try it inside the input tag.
Alternatively, you could enclose the entire bit of code within div tags, like:
Code:<div class="cssbtn"> <FORM method=GET action="http://www.google.com/search" target="_blank"><input type=text name=q size=20 maxlength=25 value="Search"> <input type=submit name=btnG value="Google"> </div>
I've never dealt with forms, but CSS seems to work like a charm in most circumstances.)
-
11-18-2003, 06:31 PM #6
The code I gave was for regular links, not submit buttons. You may want to check out Deans CSS tutorials.
Moving thread to CSS
Dave
-
11-18-2003, 11:42 PM #7
my bad in that i guess i should keep on reading. thank you for your help, all of you.
Cloudjiffy- PaaS for Developers
10-05-2020, 12:30 AM in Web Hosting Forum