Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML

steve carrasco
steve carrasco
1,267 Points
Posted by steve carrasco
steve carrasco
1,267 Points

I have images that I want to press and go to another page to find more relative images. How do i do that?

I am making a webpage and I have pictures on my main page and when the person presses on the image I want the computer to take the person to another page to view more images like the one in the main page. I tried using the same thing as when I was taught how to make the about.html page and the contact.html page but it does not work. I need help ASAP. thank you.

Rich Bagley
Rich Bagley
25,868 Points

Hi Steve,

Can you post your code so we can take a look please?

-Rich

2 Answers

Matthew Vernon
Matthew Vernon
5,276 Points
Matthew Vernon
Matthew Vernon
5,276 Points

You need to wrap an anchor link around the image you want the user to click.

Something like this

<a href="pageyouwanttolinkto.html"><img src="imageyouwanttoclick.png" /></a>
steve carrasco
steve carrasco
1,267 Points
steve carrasco
steve carrasco
1,267 Points

I did that but then I pressed on it and I did what the teacher did with the contact.html put it on class="selected" but it just didn't come out with the header or anything. I did another file for the picture to make it another page but it just doe not work

Falk Schwiefert
Falk Schwiefert
8,706 Points
Falk Schwiefert
Falk Schwiefert
8,706 Points

Matthews answer is correct. Just make sure you have another file with the name pageyouwanttolinkto.html in the same folder as your index.html. Remember that this is case sensitive. So make sure your capitalization is the same between the href and the actual file. 

<a href="pageyouwanttolinkto.html"><img src="imageyouwanttoclick.png" /></a>

If that does not fix it, I don't think you get around posting your code and file structure here.