Button question: How do you change the height of butbg.gif?
 

Im having a problem with buttons:

http://upgrade.motionzoo.com/submit.gif

Ive replaced the default but1.gif, but2.gif, and butbg.gif images that are used for buttons, but notice that since the height of the new images is different than the default images that the middle 1pixel repeating image doesnt display correctly (there shouldnt be another bar over the text)

in button.tpl ive found where to change the height and width of the but1.gif and but2.gif bookend images, but i cant figure out where to set the height of the middle 1pixel wide image.

Anybody have any idea? is it in the css .button class? How would i set the height or remove the resizing?

the bacground is made with the class for the button and so is dictated by the size of the font.

doh! i guess ill have to make a simpler solid color button

thank you :)

*edit- i tried putting height: 22px; in the .button class and it worked to make the 3 images display together seamlessly but now the text is aligned to the top..

getting closer but not quite there yet. ill post an update here if i can get it to work

On most of our clients we have resorted to just pure CSS buttons since the default one is such an ugly nightmare :)

Something like this:
http://www.foxwash.com/xcart/customer/product.php?productid=8&cat=0&page=

yes, im thinking thats the way to go!

why is making a button in xcart so complex? i guess im not understanding why the devs chose this way of doing it :P

Well while we are wondering about that, we can also wonder why they did all these stupid blank table columns for spacing instead of using CSS :roll:

Oh boy, this can go on and on and on lol

I took BACKGROUND: URL(images/butbg.gif); out of skin1.css

open skin1/buttons/button.tpl and change

to

that worked for me