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

HTML

Posted by Gabriel E
Gabriel E
8,916 Points

Creating a link clickable in all areas?

First off, for those of you who've had to deal with my relentless posting of questions, super sorry, thanks for all your help! :) Real quick, I have six images in a div and it's working out really nicely, with all of the responsive code flowing really well. But the image target space is really small, and I would like to make it so that even if you click in the description area, the div having the class desc, the image will pop up. Basically, I click the image and that pops up, now I want to click the desc, and the image should also pop up. Here's a link to a screenshot; each little block is a different image, 6 total. http://imgur.com/a/ljs25 Thank you!

1 Answer

Ravi Yadav
Ravi Yadav
10,152 Points

Hi Gabriel,

  1. You can just put your divs inside anchor tags or
  2. The p element that you used in your divs inside the anchor tags for description.
  3. Just give border that is visible to any of these elements and then try on different values of height and width to get the area you want to make clickable.