Treehouse | Community | Create an Image Caption with Absolute Positioning

🤑 Join the Treehouse affiliate program and earn 25% recurring commission!

New No-Code Track! 🚀start learning today!

🌟 Dreaming of a bright future? 🎓 Ask about the Treehouse Scholarship program! 🚀

✨ Earn college credits in Cybersecurity, JS, HTML, CSS and Python

Newest
- Newest
- Active
- Unanswered
- Featured
All Topics

Palash Tiwari
8,050 Points
image of location icon is coming too big ? 536x536

Posted November 24, 2020 9:05pm by Palash Tiwari

Palash Tiwari
8,050 Points
3 Answers
Danielle Hudson
2,608 Points
My location icon disappears...

Posted November 8, 2020 4:42pm by Danielle Hudson

Danielle Hudson
2,608 Points
1 Answer
Kirt Perez
7,374 Points
Why did Guil set the width of figcaption to 100% ? Also why did the figcaption not stick to top of the figure container?

Posted October 28, 2020 7:50am by Kirt Perez

Kirt Perez
7,374 Points
0 Answers
John Moran
3,536 Points
I'm confused about the relationship between relative and absolute positioning. Can I please get an explanation?

Posted September 4, 2020 12:49am by John Moran

John Moran
3,536 Points
1 Answer
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.

Posted August 29, 2020 11:25pm by Charity Thomas

Charity Thomas
Front End Web Development Techdegree Student 6,881 Points
1 Answer
Arcel Derosena
Front End Web Development Techdegree Student 5,241 Points
Something went wrong, nothing has changed, plus the site looks big, what gives?

Posted August 11, 2020 4:18am by Arcel Derosena

Arcel Derosena
Front End Web Development Techdegree Student 5,241 Points
1 Answer
Ryan Wilson
3,654 Points
Position: absolute;

Posted June 2, 2020 8:02pm by Ryan Wilson

Ryan Wilson
3,654 Points
2 Answers
Shung Chen
6,526 Points
The Icon does not work with absolute position

Posted May 14, 2020 5:36pm by Shung Chen

Shung Chen
6,526 Points
1 Answer
ILYAS KERBAL
Front End Web Development Techdegree Graduate 15,209 Points
A better solution for adding the location icon

Posted February 17, 2020 7:53pm by ILYAS KERBAL

ILYAS KERBAL
Front End Web Development Techdegree Graduate 15,209 Points
2 Answers
Zach Handler
Web Development Techdegree Student 5,332 Points
Positioning elements

Posted November 20, 2019 4:25pm by Zach Handler

Zach Handler
Web Development Techdegree Student 5,332 Points
1 Answer
Ryan Rassoli
3,365 Points
Caption Positioning

Posted July 2, 2019 9:11pm by Ryan Rassoli

Ryan Rassoli
3,365 Points
1 Answer
Katan Patel
Front End Web Development Techdegree Student 10,009 Points
the launch workspace on this example is failing to load. have tried multiple times but still no joy :(

Posted November 5, 2018 4:56pm by Katan Patel

Katan Patel
Front End Web Development Techdegree Student 10,009 Points
2 Answers
GoldSpec Digital
4,185 Points
Absolute positioning

Posted June 5, 2018 3:46pm by GoldSpec Digital

GoldSpec Digital
4,185 Points
1 Answer
Hector Galicia-Milla
8,064 Points
positioning of caption

Posted February 22, 2018 3:13am by Hector Galicia-Milla

Hector Galicia-Milla
8,064 Points
1 Answer
Stephen Chamroeun
7,095 Points
Create an Image Caption with Absolute Positioning?

Posted October 17, 2017 2:49am by Stephen Chamroeun

Stephen Chamroeun
7,095 Points
4 Answers
Aakash Srivastav
Full Stack JavaScript Techdegree Student 11,638 Points
position offsets

Posted October 5, 2017 3:06am by Aakash Srivastav

Aakash Srivastav
Full Stack JavaScript Techdegree Student 11,638 Points
1 Answer
Igor Pavlenko
12,925 Points
positioning issue

Posted July 2, 2017 11:11am by Igor Pavlenko

Igor Pavlenko
12,925 Points
2 Answers
Dylan Clelland
9,606 Points
Position caption in the center

Posted June 13, 2017 3:27pm by Dylan Clelland

Dylan Clelland
9,606 Points
2 Answers
PLUS

Yassin Mzaik
Courses Plus Student 7,454 Points
Strange behavior when using negative top margin on fig caption

Posted June 13, 2017 8:26am by Yassin Mzaik

Yassin Mzaik
Courses Plus Student 7,454 Points
1 Answer
Jenelle Miller
5,989 Points
Can relative and absolute positioning work if there are multiple elements to position to separate parent elements?

Posted January 30, 2017 10:03pm by Jenelle Miller

Jenelle Miller
5,989 Points
1 Answer
Arikaturika Tumojenko
8,897 Points
How can we make the caption responsive (in relation to the image size)?

Posted July 16, 2016 8:11am by Arikaturika Tumojenko

Arikaturika Tumojenko
8,897 Points
2 Answers
Arikaturika Tumojenko
8,897 Points
The figure element was positioned relative to what? The position didn't change at all so how does this work?

Posted July 15, 2016 9:16pm by Arikaturika Tumojenko

Arikaturika Tumojenko
8,897 Points
1 Answer
Daniel Kong
5,813 Points
.icon-location not affected by the css rule

Posted June 16, 2016 9:26am by Daniel Kong

Daniel Kong
5,813 Points
3 Answers

Posting to the forum is only allowed for members with active accounts.
Please sign in or sign up to post.