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
Sebastian Lear
728 Points.contact-info - Cant get the CSS code to work
I am on the 'add iconography' section of 'how to make a website' and it is trying to change the appearance of the unordered list on the contact page. I am adding the same code and Nick on the video and can't figure out why it isn't working
https://gist.github.com/anonymous/10829185
Heres my code. Thanks to everyone who helps.
2 Answers
Tom Bedford
15,645 PointsHi Sebastian
It looks like you've closed your unordered list before the list items begin which is why it isn't being styled as you wanted.
You have:
<section>
<h3>Contact Details</h3>
<ul class="contact-info"></ul> <!-- this line is the problem -->
<li class="phone"><a href="tel:07564729475">07564729475</a></li>
<li class="mail"><a href="mailto:example@seb.com">example@seb.com</a></li>
<li class="twitter"><a href="http://twitter.com/intent/tweet?screen_name=learsj">@example</a></li>
</section>
You should have:
<section>
<h3>Contact Details</h3>
<ul class="contact-info">
<li class="phone"><a href="tel:07564729475">07564729475</a></li>
<li class="mail"><a href="mailto:example@seb.com">example@seb.com</a></li>
<li class="twitter"><a href="http://twitter.com/intent/tweet?screen_name=learsj">@example</a></li>
</ul> <!-- move the closing ul tag to here -->
</section>
Sebastian Lear
728 PointsThanks so much Tom