Nailing layers at different resolutions
Apologies if this has been covered before but I couldn't find an answer if it has !
I simply want to place a layer (containing a single column table of links) over the top of a graphic such that the links appear over that graphic no matter what resolution you view the page at.
In the past, I've had it looking fine only to see it all out of alignment on other machines using different resolutions.
Is there a simple way of keeping the two in alignment ?
Megan posted this at 13:46 — 18th October 2006.
She has: 11,421 posts
Joined: Jun 1999
Do you have a sample page or mock-up at all? Where on the page is this graphic to be placed? Is the layout fixed width or fluid? Why are the links in a table? (I'm assuming that you're using a table for layout here, not because it's an actual table). Did you try putting the image in as a background on the table? What is the background image? And do the links need to line up exactly or is there room for a few pixels variation?
What I would do is start with a div with the graphic as a background. Set the height and width of the div to the size of the graphic and set it to no-repeat. Then mark up the links as a list inside the div. Use CSS to remove the list bullets and set margins so that the links line up the way they should.
Megan
Connect with us on Facebook!
Paul33 posted this at 14:31 — 18th October 2006.
They have: 8 posts
Joined: Oct 2006
Thanks !
I'll try the background image bit first ...... then I might sneak back and ask what the second paragraph all means !!!
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.