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 How to Make a Website Adding Pages to a Website Build the Contact Page

Robyn Goodwin
PLUS
Robyn Goodwin
Courses Plus Student 10,009 Points
Posted by Robyn Goodwin
Robyn Goodwin
Courses Plus Student 10,009 Points

Building the Contact Page bug? Or is my code wrong?

I'm following along doing that the video says to do, however on the unordered list the class command does not turn red as usual and everything in the section shows up on the live page shows up as if it was just typed in like: class="contact-info"...

Is there a bug in Firefox or the challenge possibly? Or am I getting it wrong?

 <section>
        <h3>General Information</h3>
        <p></p>
        <p></p>
      </section>
      <section>
        <h3>Contact Details</h3>
        <ul> class="contact-info">
          <li> class="phone"><a href="tel:555-1234">555-1234</a></li>
          <li> class="mail"><a href="mailto:robyn@example.com">robyn@example.com</a></li>
          <li> class="twitter"<a href="http://twitter.com/intent/tweet?screen-name=robynski">@robynski</a></li>
        </ul>
      </section>

3 Answers

Marcelo Retana
Marcelo Retana
2,534 Points 
<section>
    <h3>General Information</h3>
    <p></p>
    <p></p>
</section>
<section>
    <h3>Contact Details</h3>
    <ul class="contact-info">
         <li class="phone"><a href="tel:555-1234">555-1234</a></li>
         <li class="mail"><a href="mailto:robyn@example.com">robyn@example.com</a></li>
         <li class="twitter"><a href="http://twitter.com/intent/tweet?screen-name=robynski">@robynski</a></li>
     </ul>
</section>

Focus on indentation, it is very important for standards.

Paul Johnson
Paul Johnson
18,924 Points
Paul Johnson
Paul Johnson
18,924 Points

The class has to be inside your tag

Example

<li class ="phone"><a href="tel:555-1234">555-1234</a></li>
Robyn Goodwin
PLUS
Robyn Goodwin
Courses Plus Student 10,009 Points
Robyn Goodwin
Robyn Goodwin
Courses Plus Student 10,009 Points

Thank you Paul and Marcelo! Where I slipped up was the close > after the <li Details!

Argh! Time for a break.

Marcelo Retana
Marcelo Retana
2,534 Points

Cheers :)