Change images into css buttons.

[stam]

Hello community,
I wanted to ask if it is possible to change images (such as AddtoCart.gif - Wishlistbutton.gif) into css buttons. Does any of you guys have implement something like this? Any ideas maybe?

Thanks in advance,
Stam

[MegaFemaTron2]

Hello community,
I wanted to ask if it is possible to change images (such as AddtoCart.gif - Wishlistbutton.gif) into css buttons. Does any of you guys have implement something like this? Any ideas maybe?

Thanks in advance,
Stam

Yes, we changed all of our buttons into CSS buttons. For instance, this is the addtocart button code:

Code: Select all

<input class="Submit" type="submit" alt="Add To Cart" value="Add To Cart">

You have to change your "Submit" class like how ours is below. And if you want all of your buttons to be the same, any button on your site using the class="Submit" will look like this.

Code: Select all

input[type="submit"] {
    background-color: #000000;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 9px;
    height: 24px;
    margin-left: 4px;
    opacity: 100;
    padding: 5px;
    text-transform: uppercase;
}

[stam]

Hello community,
I wanted to ask if it is possible to change images (such as AddtoCart.gif - Wishlistbutton.gif) into css buttons. Does any of you guys have implement something like this? Any ideas maybe?

Thanks in advance,
Stam

Yes, we changed all of our buttons into CSS buttons. For instance, this is the addtocart button code:

Code: Select all

<input class="Submit" type="submit" alt="Add To Cart" value="Add To Cart">

You have to change your "Submit" class like how ours is below. And if you want all of your buttons to be the same, any button on your site using the class="Submit" will look like this.

Code: Select all

input[type="submit"] {
    background-color: #000000;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 9px;
    height: 24px;
    margin-left: 4px;
    opacity: 100;
    padding: 5px;
    text-transform: uppercase;
}

Thank you for your reply,
I just figure out a quite similar solution!
I used sliding door technique. I will post soon the code...