Complex styling of custom form buttons

Squiz Matrix Support
1

G'day people,


We're currently using a sliding doors technique for our site's buttons. Here's the html:


    
    
    Button text


The button has two sides which slide over each other depending on how much space the button text takes up. The a class has one side as a background image while the span has the other. CSS shoves it round including allowing for a hover state (part of the original image).

My question is: Is there any way to style a form button (submit/reset/next etc) using this code? My guess is that I would need some way to print a keyword in the 'href' bit of the html. Is that the right track? Am I crazy?

cheers

Nick
2

You should be able to use CSS to style a normal input button. Can you show us a screenshot of what it looks like?

3

[quote]
You should be able to use CSS to style a normal input button. Can you show us a screenshot of what it looks like?

[/quote]



Righto. I'm just a bit confused because it uses a combination of html and CSS. I'd appreciate any guidance.



Screenshot:





Right part of button





Left part of button





cheers!

4

Any ideas guys? Or is it just one of those painfully obvious things :wink:


I guess I'm wondering if it's possible to deconstruct the %submit_button% keyword further (into url and button text) so that I can use other keywords in the relevant parts of the html



cheers

5

[quote]
Any ideas guys? Or is it just one of those painfully obvious things :wink:



I guess I'm wondering if it's possible to deconstruct the %submit_button% keyword further (into url and button text) so that I can use other keywords in the relevant parts of the html



cheers

[/quote]



Why can't you just use the %submit_button% keyword, then use CSS to give it a background image?