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 trialArmando Abrahamsson
1,391 Pointshref not displaying my email nor my twitter!
After trying to include a link to my twitter (in about page as well as contact page) the actual link I am trying to link to my twitter/number/email does not display.
Here is my code:
/*the non-existing link on my ABOUT page*/
<p>If you'd like to follow me on Twitter, my username is
<a href="www.twitter.com/morganneves">@morganneves</a>.</p>
</section>
/*the non-existing links on my CONTACT page*/
<h3>Contact Details</h3>
<ul class="contact-info">
<li class="phone"><a href="tel:073 99 99 999">073 99 99 999</a></li>
<li class="mail"><a href="mailto:example.armando@hotmail.com">example.armando@hotmail.com</a></li>
5 Answers
Liz Laffitte
23,691 PointsI would try commenting-out any CSS code that would affect your anchor tags.
It might be that your anchor tags and the text within them are being affected by style meant just for a parent element. It's a long shot, but I'm guessing the anchor tags are being affected by a display:none; or a by a color rule that's making them the same color as your background.
Good luck!
Salman Akram
Courses Plus Student 40,065 PointsHi Armando
Use this example, you forgot to add some codes.
/*the non-existing link on my ABOUT page*/
<p>If you'd like to follow me on Twitter, my username is
<a href="https://twitter.com/morganneves" target="_blank">@morganneves</a>.</p>
</section>
/*the non-existing links on my CONTACT page*/
<h3>Contact Details</h3>
<ul class="contact-info">
<li class="phone"><a href="tel:073 99 99 999" target="_blank">073 99 99 999</a></li>
<li class="mail"><a href="mailto:example.armando@hotmail.com" target="_blank">example.armando@hotmail.com</a></li>
It should be working ----> Demo
Furquan Ahmad
5,148 Pointsmake sure you include https when doing a link
Furquan Ahmad
5,148 Pointsmake sure you include https when doing a link
Kenneth Hall
3,452 PointsHello Armando!
After running this code on my own webpage it seemed to work. I think Elizabeth is right, it maybe something in your CSS. Try commenting out any CSS that is affecting your anchor elements. If that doesn't work, let everyone know and I'm sure someone will assist you further!
Armando Abrahamsson
1,391 PointsArmando Abrahamsson
1,391 PointsThat was it thank, you Elizabeth!
Liz Laffitte
23,691 PointsLiz Laffitte
23,691 PointsNo problem! I'm glad you got it fixed. :)