Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML How to Make a Website Adding Pages to a Website Build the Contact Page

Eric Brackett
Eric Brackett
1,470 Points
Posted by Eric Brackett
Eric Brackett
1,470 Points

Classes aren't being recognized

Hey everyone,

I'm having a bit of trouble with this code and I'm not sure why. For some reason, my class links aren't working. The word "class" isn't red and it shows up on my preview page as if were a paragraph or something.

I first noticed when I typed the contact class and decided to test it out since it wasn't red and sure enough, it didn't work. I tried doing the same with the phone number and the class still didn't register

Here's a snippet of my code below:

<section> <h3>General Information</h3> <p>I am currently looking for work. Please, contact me if you're interested in design work</p>

      <p>Please only use phone contact for urgent inquries. </p>
  </section>
  <section>
    <h3>Contact details</h3>
      <ul> class="contact-info">
        <li>class=phone"</li>

    </ul>
  </section>
Máté Tóth-Csák
Máté Tóth-Csák
7,509 Points

Exactly. The right version of yours would be: 

<section>
    <h3>Contact details</h3>
    <ul class="contact-info"> 
        <li class="phone"></li>
    </ul>
  </section>

2 Answers

andren
andren
28,538 Points
andren
andren
28,538 Points

The class name has to be typed within the starting tag of the element, not between the starting tag and ending tag.

Correct example:

<p class="some-class"></p>

Incorrect example

<p>class="some-class"</p>
Eric Brackett
Eric Brackett
1,470 Points
Eric Brackett
Eric Brackett
1,470 Points

Thanks, everyone. That solved it!