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 Mustafa Kasim
Mustafa Kasim
1,938 Points

contact details not appearing as links.

Hi Im on 'Build the contact page' and the contact details are not showing as links only as text..

<section><h3>General Information</h3> <p>I'm not currently looking for new photography work, but I am available for speaking gigs and seminars. If you have any questions please don't hesitate to contact me. </p> <p>Please only use phone contact for urgent inquiries. Otherwise, Twitter and email are the best ways to reach me.</p> </section> <section> <h3>Contact Details</h3> <ul class="contact-info"></ul> <li class="phone"><a href="tel:000-5568-0089"></a>000-5568-0089</li> <li class="mail"><a href="mailto:mustafa@example.com"></a>mustafa@example.com</li> <li class="twitter"> <a href="http://twitter.com/intent/tweet? screen_name=cebollagrande"></a>@cebollagrande</li> </section>

    <footer>
        <a href="http://twitter.com/CebollaGrande"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
        <a href="http://facebook.com/mustafa.kasim.71"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
        <p>&copy; 2014 Mustafa Kasim.</p>
    </footer>
Riley Hilliard
Riley Hilliard
Courses Plus Student 17,771 Points

By "Contact Details" are you referring to: mustafa@example.com @cebollagrande ?

Mustafa Kasim
Mustafa Kasim
1,938 Points

yes and the twitter link too @cebollagrande

2 Answers

Riley Hilliard
Riley Hilliard
Courses Plus Student 17,771 Points

In order to create a hyperlink in HTML you need to surround the text in an "a" tag with an href="" attribute that directs to the page in which the text is intended to link to:

<a href="mailto:mustafa@example.com">mailto:mustafa@example.com</a> 
<a href="https://twitter.com/CebollaGrande">@cebollagrande</a>
Mustafa Kasim
Mustafa Kasim
1,938 Points

My stupid mistake as usual! Forgot to put a closing tag for the anchor element!

Thank you!

Mustafa Kasim
Mustafa Kasim
1,938 Points
Mustafa Kasim
Mustafa Kasim
1,938 Points

Yes and the twitter link