How do you make buttons responsive? (Over main image)

David H shared this question 1 year ago

I am building a responsive/liquid website prototype.

On the desktop version, I have a main image with 3 buttons that overlap the image (near the bottom of the image). There is no problem making the image liquid, change size with the window size. However, how do I ensure the buttons follow the image?

The buttons and image are in the same table cell. This cell is by necessity free form layout (because of overlapped elements).

Is there a way of doing this? I'm not finding a way other than "pretending" the buttons are there by adding them to the actual jpg itself (which is not a solution IMO, and would complicate the hotlinks)


Comments (1)


Hi David,

We're assisting you with this in the customer support portal.