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

CSS CSS Layout Basics Positioning Page Content Create an Image Caption with Absolute Positioning

Posted by Charity Thomas
.a{fill-rule:evenodd;}techdegree
Charity Thomas
Front End Web Development Techdegree Student 6,881 Points

I am taking same steps as video to position the location icon in top left corner of image, but it's not working for me.

Create an Image Caption with Absolute Positioning section:

I added the icon-location image to the HTML, and I added a class selector rule for icon location using 35px width, absolute positioning, top offset of -15px, and left offset of -15px, but the icon is very large and does not move to top left corner of the image. The icon remains large and above the image. Please let me know what I am doing wrong. Thanks!

1 Answer

Ryan Groom
Ryan Groom
18,674 Points
Ryan Groom
Ryan Groom
18,674 Points

Charity Thomas I would have to see your cod to be certain, if you could share it, that would be great! Off the top of my head, the initial thoughts are that maybe the class name in the HTML doesn't exactly match the class selector in the CSS. Another possibility is that you need to do a hard refresh on your browser. On a Windows machine this can be done by pressing CTRL + R and on a Mac it can be done by pressing CMD + Shift + R. These are just guesses though, seeing your code would help a lot better.