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 trialDaniel Muvdi
5,262 PointsAll is working perfect except for 1 detail, my contact details are in the same line.
they have to be like this
555-6425
Dani@example.com
@danielmuvdi
But in my web they are like this
555-6425 Dani@example.com @danielmuvdi
i check all my code and i can't find any error. what can be?
Jakub Łabuz
1,444 PointsIt's hard to say without your code. Could you post your code ? I've completed "How to make a website" segment a few hours ago, so maybe I'll be able to help you.
4 Answers
dpjvanvalderen
6,081 PointsYou have used il instead of li. Also when you want to break lines you can use
<br/>
Daniel Muvdi
5,262 Pointsthanks! i need a break haha.
dpjvanvalderen
6,081 PointsHaha no problem man, take a break when you need one. Going outside for fresh air is something that gets my mind straight to get back into learning code. GL
Daniel Muvdi
5,262 Pointsdpjvanvalderen
6,081 PointsTo make it easy for you:
<ul class="contact-info">
<il class="phone"><a href="tel:555-6425">555-6425</a></il>
<il class="mail"><a href="mailto:dani@example.com">Dani@example.com</a></il>
<il class="twitter"><a href="https://twitter.com/intent/tweet?text=danielmuvdi">@danielmuvdi</a></il>
</ul>
must be:
<ul class="contact-info">
<li class="phone"><a href="tel:555-6425">555-6425</a></li>
<li class="mail"><a href="mailto:dani@example.com">Dani@example.com</a></li>
<li class="twitter"><a href="https://twitter.com/intent/tweet?text=danielmuvdi">@danielmuvdi</a></li>
</ul>
Good luck with it.
Edit: Edited alot, i'm new to posting code to the forum haha.
Damon Johnson
Courses Plus Student 2,775 PointsHey mate,
If you add this to your .css file, it should work:
.contact-info a {
display: block;
min-height: 20px;
background-repeat: no-repeat;
background-size: 20px 20px;
padding: 0 0 0 30px;
margin: 0 0 10px;
}
=)
Damon Johnson
Courses Plus Student 2,775 PointsDamon Johnson
Courses Plus Student 2,775 PointsHey Daniel,
Can you post your code so we can take a look and help out?
If you surround your code with back slash symbols, we can see it in its correct format. Basically, add ``` above your code and below it.
Here's more info on posting code to the forums
https://teamtreehouse.com/forum/posting-code-to-the-forum
=)