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 Brandon Brigham
Brandon Brigham
3,716 Points

Why can't I make this image link correctly?

If you visit the site I'm working on @ http://burnttoastusa.com you will see under the logo there is an Instagram, Twitter, and Email icon.

For some reason I cannot get the email icon to hyperlink... I have no idea why this is happening.

Any ideas?

2 Answers

Mikael Enarsson
Mikael Enarsson
7,056 Points
Mikael Enarsson
Mikael Enarsson
7,056 Points

This is your HTML, no?

<a href="http://thechasedesign.com">
    <img style="padding:7px; width:40px;" src="http://burnttoastusa.com/wp-content/uploads/2014/12/mail.png"></img>
</a>

Changing the href would seem to be the obvious solution?

Brandon Brigham
Brandon Brigham
3,716 Points

If you click on the email icon it won't link to "http://thechasedesign.com"

Mikael Enarsson
Mikael Enarsson
7,056 Points

I'm sorry to say, it does for me.

Wayne Priestley
Wayne Priestley
19,579 Points

Me too.

Brandon Brigham
Brandon Brigham
3,716 Points

Wayne and Mikael,

The email icon link works for you guys?? Are you sure? It doesn't work on my iphone or computer

Mikael Enarsson
Mikael Enarsson
7,056 Points

Yes, on 2 of my computers (Windows and OS X) and on my phone (HTC One running Android 4.4.3)

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

When I click it now my email client opens. Do you still want it to go to the website you mentioned or do you want it to open the email client, which is what people will expect when clicking the icon.

Wayne Priestley
Wayne Priestley
19,579 Points

Just to let you know, if its the website you want to link to you should add www. the the urls you have in your code.
and remove style="padding:7px; width:40px;"