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

🤑 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

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

  • Treehouse Logo
  • Plans
    Chevron
    • For Individuals
    • For Businesses
    • For Schools
    • For Libraries
    • For Military
  • Library
    Chevron
    • All Courses
    • Tracks
    • College Credit
  • Techdegree
    Chevron
    • Overview
    • Front End Development
    • Full Stack JavaScript
    • Data Analysis
    • UX Design
    • Python
  • Community
    Chevron
    • Code Adventures
    • Discord
    • Forum
    • Success Stories
    • Treehouse Links
    • 100 Days of Code
  • Resources
    Chevron
    • Career Toolbox
    • CodeForward
    • Free Treehouse Near Me
    • Jobs
    • Blog
    • Support
    • About
  • For Individuals For Businesses For Schools For Libraries For Military
  • All Courses Tracks College Credit
  • Overview Front End Web Development Full Stack JavaScript Python Development Data Analysis UX Design
  • Code Adventures Discord Forum Success Stories Treehouse Links 100 Days of Code
  • Career Toolbox CodeForward Free Treehouse Near Me Jobs Blog Support About
  • Sign In
  • Free Trial
Instagram Twitter Facebook YouTube LinkedIn
    • Newest
      • Newest
      • Active
      • Unanswered
      • Featured
    • All Topics
      • All Topics
      • • General Discussion
      • • AI
      • • Android
      • • APIs
      • • Coding for Kids
      • • College Credit
      • • Computer Science
      • • CSS
      • • Data Analysis
      • • Databases
      • • Design
      • • Development Tools
      • • Digital Literacy
      • • Game Development
      • • Go Language
      • • HTML
      • • Java
      • • JavaScript
      • • Learning Resources
      • • Machine Learning
      • • No-Code
      • • PHP
      • • Professional Growth
      • • Python
      • • Quality Assurance
      • • React
      • • Ruby
      • • Security
      • • Swift
    • Showing results for:
    • CSS
    • CSS Layout Basics
    • Positioning Page Content
    • Create an Image Caption with Absolute Positioning
    • Close
  • Palash Tiwari
    Palash Tiwari
    8,050 Points

    image of location icon is coming too big ? 536x536

    Posted on Nov 24, 2020 by Palash Tiwari
    Palash Tiwari
    8,050 Points
    • CSS
    • CSS Layout Basics
    • Positioning Page Content
    • Create an Image Caption with Absolute Positioning

    3 Answers

  • Danielle Hudson
    Danielle Hudson
    2,608 Points

    My location icon disappears...

    Posted on Nov 8, 2020 by Danielle Hudson
    Danielle Hudson
    2,608 Points
    • CSS
    • CSS Layout Basics
    • Positioning Page Content
    • Create an Image Caption with Absolute Positioning

    1 Answer

  • Kirt Perez
    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 on Oct 28, 2020 by Kirt Perez
    Kirt Perez
    7,374 Points
    • CSS
    • CSS Layout Basics
    • Positioning Page Content
    • Create an Image Caption with Absolute Positioning

    0 Answers

  • John Moran
    John Moran
    3,536 Points

    I'm confused about the relationship between relative and absolute positioning. Can I please get an explanation?

    Posted on Sep 4, 2020 by John Moran
    John Moran
    3,536 Points
    • CSS
    • CSS Layout Basics
    • Positioning Page Content
    • Create an Image Caption with Absolute Positioning

    1 Answer

  • Charity Thomas
    seal-mask
    .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.

    Posted on Aug 29, 2020 by Charity Thomas
    .a{fill-rule:evenodd;}techdegree
    Charity Thomas
    Front End Web Development Techdegree Student 6,881 Points
    • CSS
    • CSS Layout Basics
    • Positioning Page Content
    • Create an Image Caption with Absolute Positioning

    1 Answer

  • Arcel Derosena
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    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 on Aug 11, 2020 by Arcel Derosena
    .a{fill-rule:evenodd;}techdegree
    Arcel Derosena
    Front End Web Development Techdegree Student 5,241 Points
    • CSS
    • CSS Layout Basics
    • Positioning Page Content
    • Create an Image Caption with Absolute Positioning

    1 Answer

  • Ryan Wilson
    Ryan Wilson
    3,654 Points

    Position: absolute;

    Posted on Jun 2, 2020 by Ryan Wilson
    Ryan Wilson
    3,654 Points
    • CSS
    • CSS Layout Basics
    • Positioning Page Content
    • Create an Image Caption with Absolute Positioning

    2 Answers

  • Shung Chen
    Shung Chen
    6,526 Points

    The Icon does not work with absolute position

    Posted on May 14, 2020 by Shung Chen
    Shung Chen
    6,526 Points
    • CSS
    • CSS Layout Basics
    • Positioning Page Content
    • Create an Image Caption with Absolute Positioning

    1 Answer

  • ILYAS KERBAL
    seal-mask
    .a{fill-rule:evenodd;}techdegree seal-36
    ILYAS KERBAL
    Front End Web Development Techdegree Graduate 15,209 Points

    A better solution for adding the location icon

    Posted on Feb 17, 2020 by ILYAS KERBAL
    .a{fill-rule:evenodd;}techdegree seal-36
    ILYAS KERBAL
    Front End Web Development Techdegree Graduate 15,209 Points
    • CSS
    • CSS Layout Basics
    • Positioning Page Content
    • Create an Image Caption with Absolute Positioning

    2 Answers

  • Zach Handler
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    Zach Handler
    Web Development Techdegree Student 5,332 Points

    Positioning elements

    Posted on Nov 20, 2019 by Zach Handler
    .a{fill-rule:evenodd;}techdegree
    Zach Handler
    Web Development Techdegree Student 5,332 Points
    • CSS
    • CSS Layout Basics
    • Positioning Page Content
    • Create an Image Caption with Absolute Positioning

    1 Answer

  • Ryan Rassoli
    Ryan Rassoli
    3,365 Points

    Caption Positioning

    Posted on Jul 2, 2019 by Ryan Rassoli
    Ryan Rassoli
    3,365 Points
    • CSS
    • CSS Layout Basics
    • Positioning Page Content
    • Create an Image Caption with Absolute Positioning

    1 Answer

  • Katan Patel
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    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 on Nov 5, 2018 by Katan Patel
    .a{fill-rule:evenodd;}techdegree
    Katan Patel
    Front End Web Development Techdegree Student 10,009 Points
    • CSS
    • CSS Layout Basics
    • Positioning Page Content
    • Create an Image Caption with Absolute Positioning

    2 Answers

  • GoldSpec Digital
    GoldSpec Digital
    4,185 Points

    Absolute positioning

    Posted on Jun 5, 2018 by GoldSpec Digital
    GoldSpec Digital
    4,185 Points
    • CSS
    • CSS Layout Basics
    • Positioning Page Content
    • Create an Image Caption with Absolute Positioning

    1 Answer

  • Hector Galicia-Milla
    Hector Galicia-Milla
    8,064 Points

    positioning of caption

    Posted on Feb 22, 2018 by Hector Galicia-Milla
    Hector Galicia-Milla
    8,064 Points
    • CSS
    • CSS Layout Basics
    • Positioning Page Content
    • Create an Image Caption with Absolute Positioning

    1 Answer

  • Stephen Chamroeun
    Stephen Chamroeun
    7,095 Points

    Create an Image Caption with Absolute Positioning?

    Posted on Oct 17, 2017 by Stephen Chamroeun
    Stephen Chamroeun
    7,095 Points
    • CSS
    • CSS Layout Basics
    • Positioning Page Content
    • Create an Image Caption with Absolute Positioning

    4 Answers

  • Aakash Srivastav
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    Aakash Srivastav
    Full Stack JavaScript Techdegree Student 11,638 Points

    position offsets

    Posted on Oct 5, 2017 by Aakash Srivastav
    .a{fill-rule:evenodd;}techdegree
    Aakash Srivastav
    Full Stack JavaScript Techdegree Student 11,638 Points
    • CSS
    • CSS Layout Basics
    • Positioning Page Content
    • Create an Image Caption with Absolute Positioning

    1 Answer

  • Igor Pavlenko
    Igor Pavlenko
    12,925 Points

    positioning issue

    Posted on Jul 2, 2017 by Igor Pavlenko
    Igor Pavlenko
    12,925 Points
    • CSS
    • CSS Layout Basics
    • Positioning Page Content
    • Create an Image Caption with Absolute Positioning

    2 Answers

  • Dylan Clelland
    Dylan Clelland
    9,606 Points

    Position caption in the center

    Posted on Jun 13, 2017 by Dylan Clelland
    Dylan Clelland
    9,606 Points
    • CSS
    • CSS Layout Basics
    • Positioning Page Content
    • Create an Image Caption with Absolute Positioning

    2 Answers

  • Yassin Mzaik
    PLUS
    Yassin Mzaik
    Courses Plus Student 7,454 Points

    Strange behavior when using negative top margin on fig caption

    Posted on Jun 13, 2017 by Yassin Mzaik
    Yassin Mzaik
    Courses Plus Student 7,454 Points
    • CSS
    • CSS Layout Basics
    • Positioning Page Content
    • Create an Image Caption with Absolute Positioning

    1 Answer

  • Jenelle Miller
    Jenelle Miller
    5,989 Points

    Can relative and absolute positioning work if there are multiple elements to position to separate parent elements?

    Posted on Jan 30, 2017 by Jenelle Miller
    Jenelle Miller
    5,989 Points
    • CSS
    • CSS Layout Basics
    • Positioning Page Content
    • Create an Image Caption with Absolute Positioning

    1 Answer

  • Arikaturika Tumojenko
    Arikaturika Tumojenko
    8,897 Points

    How can we make the caption responsive (in relation to the image size)?

    Posted on Jul 16, 2016 by Arikaturika Tumojenko
    Arikaturika Tumojenko
    8,897 Points
    • CSS
    • CSS Layout Basics
    • Positioning Page Content
    • Create an Image Caption with Absolute Positioning

    2 Answers

  • Arikaturika Tumojenko
    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 on Jul 15, 2016 by Arikaturika Tumojenko
    Arikaturika Tumojenko
    8,897 Points
    • CSS
    • CSS Layout Basics
    • Positioning Page Content
    • Create an Image Caption with Absolute Positioning

    1 Answer

  • Daniel Kong
    Daniel Kong
    5,813 Points

    .icon-location not affected by the css rule

    Posted on Jun 16, 2016 by Daniel Kong
    Daniel Kong
    5,813 Points
    • CSS
    • CSS Layout Basics
    • Positioning Page Content
    • Create an Image Caption with Absolute Positioning

    3 Answers

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

    Treehouse

  • About
  • Blog
  • Careers
  • Community
  • Stories
  • Shop
  • Contact
  • Gift Card

See Full Catalogue

Techdegree

  • Front End Web Development
  • Full Stack JavaScript
  • Python Development
  • Data Analysis
  • UX Design

Tracks

  • Learn to Code for Beginners
  • Beginning Python
  • Beginning SQL
  • Beginning Java
  • ...see more

Courses

  • JavaScript Basics
  • Intro to HTML & CSS
  • Python Basics
  • CSS Layout
  • ...see more

Explore

  • Plans
  • Affiliates
  • Perks
  • Free Treehouse Near Me
  • Treehouse for Libraries
  • Treehouse for Businesses
  • Twitter
  • YouTube
  • Facebook
  • LinkedIn
  • Instagram
Terms & Conditions | Privacy

© 2025 Treehouse Island, Inc.