aligning images and background images

[Jerryjones]

I am trying to align a background image with an actual image on my web page.

so for example, my pages background image has a circle on it, an I want that circle to be aligned with a circular on my web page. It has to be aligned for regular screen sizes (not mobile) and for different browsers.

Is there any way to do this? I tried using JS to calculate the positions of the image and then scale and position the background depending on screen size but it wouldnt work.

I have a client who complains whenever it is even a single pixel out of alignment so I need a solution that fits as close as possible.

[Paulie_D]

Do you have a minimal demo you could share….in Codepen.io for preference.

We don’t need the entire codebase, just enough to show the problem.

[Jerryjones]

Thank you so much

---

http://movieseriesworld.com/ http://www.movieseriesworld.com/forums/index.php

[Paulie_D]

No…not a link to your page….

A minimal demo in Codepen.io where we can tweak the code without having to resort to Developer Tools.

[Author]

Posts