I have been fighting with this for a few hours but cannot find a combination that works. Excuse my newb CSS code please, learning.
I have a web page with an image as a background sized 1920 X 920. I need to have the image stay centered horizontal and vertical no matter the resolution. This code is below, seems to work OK but it does not centre vertically.
background: url(../img/tdb/locker-60.jpg) fixed center center no-repeat;
font-family: Georgia, serif;
I now have three links that need to placed at specific positions on the image, I can do that with divs and margins (although I think that's wrong). The big issue is that when the user resizes the window the links move.
margin: 295px 5px 15px 320px;/*top, right, bottom, left*/
Is there a way to add href's to the image and keep them in the exact position at all times?
Code or example tutorials would be great from a blank slate as I am learning as I go.
I would like to include IE8 unfortunately.