Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design

Need help with a design problem.

Hello,

Below is a link to a design I've been trying to do. Basically the four squares and the lock would be images. I want to be able to overlay the links and images over the pics. What is the best way to do this? Is this a straightforward html/css issue or is it more complex with javascript?

Jeremy Germenis
Jeremy Germenis
29,854 Points

You could do a - position: absolute AND margin: - on the image container in css (you may have to add a z-index if the container comes before the boxes in your html)

James Barnett
James Barnett
39,199 Points

Jeremy Germenis - Why use absolute positioning over relative positioning?

Jeremy Germenis
Jeremy Germenis
29,854 Points

By positioning the lock absolutely over the content areas you would not have to add any styling to the content areas in relation to the lock.

1 Answer