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
Bret Satten
2,245 Pointscontact page - How to make a website
I'm doing a tutorial how to make a website. On the contact page I am suppose to create three ul with my details. I can't work out why when I load the page there is an extra bullet point. I can't see anywhere in the code the extra space. Please help, I'm new!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Satten Designs | Graphics</title>
<link rel="stylesheet" href="css/normalize.css">
<link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header>
<a href="index.html" id="logo">
<h1>Bret Satten</h1>
<h2>Designer</h2>
</a>
<nav>
<ul>
<li><a href="index.html" >Portfolio</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html" class="selected">Contact</a></li>
</ul>
</nav>
</header>
<div id="wrapper">
<section>
<h3>General Information</h3>
<p>If you need any design work created for your business feel free to contact me. I'd be happy to create something awesome for you!</p>
</section>
<section>
<h3>Contact Details</h3>
<ul class="conctact-info">
<li class="phone"><a href="tel:+15555555555">(555)-555-5555</a><li>
<li class="mail"><a href="mailto:email@example.com">email@example.com</a></li>
<li class="twitter"><a href="https://twitter.com">@twitter</a></li>
</ul>
</section>
<footer>
<a href="https://twitter.com"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
<a href="https://facebook.com"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
<p>© 2016 Satten Designs.</p>
</footer>
</div>
</body>
</html>
NOTE: This post was edited by Treehouse Moderator Michael Hulet to format the code to make it easier to read and to redact personal information
2 Answers
Casey Antoine
Courses Plus Student 5,174 PointsLooks like you don't have a closing list item tag for the top list item
<section>
<h3>Contact Details</h3>
<ul class="contact-info"> <!--corrected spelling error -->
<li class="phone">
<a href="tel:+15555555555">(555)-555-5555</a>
<li> <!--incorrect syntax not a closing li tag -->
<li class="mail">
<a href="mailto:email@example.com">email@example.com</a>
</li>
<li class="twitter">
<a href="https://twitter.com">@twitter</a>
</li>
</ul>
</section>
NOTE: Answer edited by Treehouse Moderator Michael Hulet to redact the personal information of the question asker
Casey Antoine
Courses Plus Student 5,174 PointsSorry, I wasn't paying attention to the personal information in the original post, thanks for the edit though!
Bret Satten
2,245 Pointsthanks, I deleted out the first line and recreated it and had no issues. Appreciate all your help!
Casey Antoine
Courses Plus Student 5,174 PointsNo problem! Glad to help
Darrell Conklin
22,377 PointsDarrell Conklin
22,377 PointsI don't know why they don't include the link to the "Markdown Cheatsheet" somewhere when you're creating your question but if you look below at the bottom of the page where you input an answer to your question you will see some text below it in dark grey - Markdown Cheatsheet".
If you click this link it will pop up with a list of different ways to format your post. Such as adding code to your post in a way that is formatted and easier to read. I would be happy to read that block of code after you do so.