#1
  1. Save me Jebus!
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2003
    Location
    New York City, USA
    Posts
    451
    Rep Power
    11

    Exclamation "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.
  2. #2
  3. Save me Jebus!
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2003
    Location
    New York City, USA
    Posts
    451
    Rep Power
    11
    nevamind figured it out - was my css for plain links:

    A:link etc

IMN logo majestic logo threadwatch logo seochat tools logo