March 15th, 2004, 06:17 PM
|
 |
Save me Jebus!
|
|
Join Date: Oct 2003
Location: New York City, USA
Posts: 451
Time spent in forums: 1 h 8 m 46 sec
Reputation Power: 5
|
|
"Antipixel" CSS Buttons
Ok - been diddlin around whit this thing for quite some time, cant figure it:
my css code:
Code:
.button {
font-variant: small-caps;
color: #ffffff;
background-color: #006699;
border-color: #cedefa;
border-style: outset;
text-decoration: none !important;
margin: 4em 0em 0em 0em;
padding: 0em 0.9em 0em 0.9em;
border-width: 2;
}
.button:visited {
color: #ffffff;
background-color: #006699;
text-decoration: none !important;
}
.button:hover {
color: #006699;
background-color: #cedefa;
text-decoration: none !important;
}
.button:active {
background-color: #cedefa;
border-style: inset !important;
text-decoration: none !important;
}
My BROKEN html code:
Code:
<FORM NAME="frmBlah" ACTION="/php-bin/proc_blah.php">
<INPUT TYPE="text" VALUE="" NAME="username"><BR>
<A HREF="javascript:document.frmBlah.submit();" CLASS="button">Submit Query</A>
</FORM>
My WORKING html code:
Code:
<FORM NAME="frmBlah" ACTION="/php-bin/proc_blah.php">
<INPUT TYPE="text" VALUE="" NAME="username"><BR>
<A HREF="/php-bin/proc_blah.php" CLASS="button">Submit Query</A>
</FORM>
Now problem is when i have the non-submitting form (workinghtml) the words "Submit Query" are displayed on the css button. However it doesnt submit the form like i want it too  .
However when i change it to a javascript command in the href element, the font "Submit Query" can't been seen on the button!
I am at the point of staring at this for soooo long and i cant figure out why it doesnt work.
Any help appreciated! Thanks!
Last edited by apdtech : March 15th, 2004 at 06:22 PM.
|
Dev Shed Forums Sponsor:
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
