CSS buttons v2.x

[paulm]

If anyone does figure this out, I'd like to know too. I don't really care any more, but man that was frustrating.

Actually it's exactly how it went here Steven. Although I think the current version generates buttons that are acceptable, and more or less stable, the result is not pixel perfect.

One of the other problems I encounter sometimes, is that the size of the buttons depend on other "surrounding" HTML/CSS. Not sure if this is typical for Zen Cart or that it's a general problem with dynamic CSS buttons.

As I mentioned before (in this thread?) examples of CSS buttons found on the internet are most of the time static (a.o. fixed with and height, and not used in different "surroundings") and not about both links and form buttons (as mentioned by Steven).

Nevertheless I still like CSS buttons over image buttons myself. I rather edit a couple of CSS lines to change the size color (or whatever) to make a particular button look different, than create a new image button everytime I need a new or different button. (but of course this is mostly about personal preference ;-) )

And please note that the default Zen Cart CSS buttons are different (less stable width and padding tmho) than the buttons generated by this contribution!

[s_mack]

You're right.. from a fresh 1.36 install with your contrib, the effect was very much minimized. On mine (very much NOT fresh 1.3.6) It was grotesquely obvious there was a difference in the buttons. And I never could understand why. I stripped the css down as much as I could to figure it out, but eventually just gave up.

My reason to use css buttons was different than yours. My goal was to make an elasticly rendered site so that visually-impaired people could increase the font size and still see my site the way it was intended. The graphical buttons make that impossible so I went toward css...

until I realized it wasn't impossible with graphical buttons.. just difficult :)

I'm there though. My site is 99% elastic! You can increase/decrease and zoom in/out to your heart's content (and browser's limits) and my site will stay exactly as it is intended.... formatting doesn't get screwed up because images now grow and shrink along with the text... something many "authorities" on the web say is impossible :)

DOWN WITH PIXELS!!

- Steven

[paulm]

My goal was to make an elasticly rendered site so that visually-impaired people could increase the font size and still see my site the way it was intended.

That is why I changed the CSS buttons from pixel to em sizes in the later versions, although I certainly had not thought about this at first (and of course it's easy to switch back to pixel sizes if preferred).

until I realized it wasn't impossible with graphical buttons.. just difficult :)

I'm there though. My site is 99% elastic!

(must admitt I gave it a shot recently too, but certainly am not ready for it yet ).