I'm curious - how do I adjust the spacing between these buttons in the code? In looking at the ones you included with the code, there's a pretty good amount of background space between each. That's OK depending on what someone is going for, but I had calculated the size of the image for the buttons to leave only about 3 px of space between - meaning for the total 517x186 area, I figured on a button size of 127x90 each.
I attached a screenshot of what you worked on, and also one with the new buttons (with the last one not filled in for now, just for effect in the example). In the one with the new buttons, you can see they seem to be butting up against the other, and spilling over outside the header.
Also, if the text (such as "button" you used) is written in directly in within the code, can it be setup to overwrite part of a button, and have that text sit towards the bottom of each one? If you look at my button design, it's pretty simple, with it mostly being background color (which I filled into the image itself), leaving a space below the top design to add in text. Or do I need to make any text part of the image itself (and not code based)?