Hello!
I have a question regarding positioning.
On my web page I have a set of buttons in a horizontal row that I want to appear on a certain spot - lining up evenly with the left side of my image box. I can accomplish this on my screen using relative positioning but when I view this page in different resolutions my buttons move all over the place.
Not an uncommon problem I realize but I have tried all sorts of tricks to make them appear where I want them to but nothing is working for me. I tried using absolute positioning but with no luck either.
For now I have centered them on the page using { margin-left: auto; margin-right: auto; } which works great on all sizes of screens. If I have to I will leave them centered just to make things easier.
However, my buttons look best where I originally intended them to be - lined up evenly with the left side of my image box.
Any suggestions? I am hoping that there is a snippet of html code I can add to make my button placement adjust to any size screen. If not, then maybe some javascript??
My url is as follows: http://www.learnanddobooks.com
Looking forward to your response.