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

Jason Nelson
Jason Nelson
6,209 Points
Posted by Jason Nelson
Jason Nelson
6,209 Points

There's an error in my classes in my HTML

I'm trying to finished up my simple webpage and ran into issues with my css in my contact page.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>| Casual | Consumer</title>
     <link rel="stylesheet" href="css/normalize.css">
    <link href='http://fonts.googleapis.com/css?family=Oswald:400,700|Open+Sans:400italic,400,600' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/casual.css">
</head>
<body>
    <header>

        <h1>The Casual | Consumer</h1>
        <h2>Blogger</h2>
      </a>
      <nav>
        <ul>
          <li><a href="aboutcasual.html">About</a></li>
          <li><a href="examplescasual.html">Examples</a></li>
          <li><a href="contactcasual.html">Contact</a></li>
          <li><a href="casual.html">Home</a></li>
        </ul>
      </nav>
    </header>
    <section>
      <h3>General Information</h3>
      <p>If you want to contact me, I can be reached via email or twitter.</p>
      </section>
      <section>
      <h3>Contact Details</h3>
      <ul class="contact-info">
        <li class="mail"><a href="mailto:100percentorbust@gmail.com">1percentorbust@gmail.com</a></li>
        <li class="twitter"><a href="http://twitter.com/intent/tweet?screen_name=footclan">@footclan</a></li>
      </ul>
      </section>
      <footer>
  <p>&copy; 2015 Jason Brown.</p>

  <a href= http://twitter.com/seattlefootclan><img src="img/twitter.png" alt="Twitter logo" class="social-icon"></a>
  <a href= http://instagram.com/seattlefootclan><img src="img/instagram.png" alt="Instagram logo" class="social-icon"></a>

</footer>
  </div>
      </body>
  </html>
    </body>
  </html>

In my css file I really just wanted to remove the bullet points just to make sure my class is working, but it isn't.

/************************ CONTACT PAGE ************************

************************             ************************/

.contact-info {
    list-style: none;

}

Any help would be great. I'm going to be learning javascript next month, and I've given myself about 2 months to learn it. What is a good way to maintain my skills and what I've learned in HTML/CSS while learning javascript?

Thanks,

Hugo Paz
Hugo Paz
15,622 Points
Hugo Paz
Hugo Paz
15,622 Points

Hi Jason

I tried your code and it works. Have you have any other css issues? Is the css code you posted on a different css file.

Ariel Aronica
Ariel Aronica
6,646 Points
Ariel Aronica
Ariel Aronica
6,646 Points

I'm not sure if this will help the result, but you are missing quotation marks around your hrefs in your footer.

Ariel Aronica
Ariel Aronica
6,646 Points
Ariel Aronica
Ariel Aronica
6,646 Points

No not quotes around the footer, quotes around the href in your footer. It looks like those are missing but you have them for all the other hrefs in the html document? Maybe the code posted funny.

ex:

< a href=http://twitter.com/seattlefootclan><img src="img/twitter.png" alt="Twitter logo" class="social-icon"></a>

Should be

< a href="http://twitter.com/seattlefootclan"><img src="img/twitter.png" alt="Twitter logo" class="social-icon"></a>

1 Answer

Jason Nelson
Jason Nelson
6,209 Points
Jason Nelson
Jason Nelson
6,209 Points

Quotes around the footer? Maybe my files are messed up, ill check when I get home. Thanks for the replies.