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

CSS

Posted by zackcoulter
zackcoulter
1,495 Points

Don't know what went wrong. Need to fix before finishing up project. 

<section id="primary">    
        <section>
        <h3> General Information</h3>
        <p>This is my first website. If you want me to build yours next, don't hesitate to contact me k?</p>
        </section>
     ** </div>**
      <section id="secondary">
        <h3>Contact and Details</h3>
      <ul class="contact-info">
        <li class="phone"><a href="tele: 324-9076">324-9076</a></li>
        <li class="mail"><a href="mailto:machoman@wrestlemania.com">machoman@wrestlemania.com</a></li>
        <li class="twitter"><a href="http://twitter.com/intent/tweet?/screen_name/horkinhighmer">@horkinhighmer</a></li>
      </ul>
    </section>      
  <footer>
    <nav>  
      <ul>
     ** <li><a href="http://twitter.com/horkinhighmer><img src="img/twitter-wrap.png" alt="Twitter Logo"></a></li>**
      **<li><a href="http://facebook.com><img src="img/facebook-wrap.png" alt="Facebook Logo"></a></li>**  
      </ul>
    <p>&copy; 2014 Zack Coulter.</p>
      </nav>
    </footer>
    </body>

6 Answers

Kazimierz Matan
Kazimierz Matan
13,257 Points

Is it all your code?

1.I don't see a doctype declaration and opening of html and body elements.

  1. There is no closing " in this part: <a href="http://twitter.com/horkinhighmer> Should be: <a href="http://twitter.com/horkinhighmer">
zackcoulter
zackcoulter
1,495 Points

thank you for spotting that for me! i appreciate it! No it isn't all my code. I will post the rest.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Zack Coulter | Web Designer</title>
  <link rel="stylesheet" href="css/normalize.css">
  <link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic|Audiowide' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="css/main.css">
  <link rel="stylesheet" href="css/responsive.css">  
  </head>
  <body>
    <header>
      <a href="index.html" id="logo">
        <h1>Zack Coulter</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>
    <div id="header">
      <section id="primary">    
        <section>
        <h3> General Information</h3>
        <p>This is my first website. If you want me to build yours next, don't hesitate to contact me k?</p>
        </section>
      </div> <--- This code keeps showing up red
      <section id="secondary">
        <h3>Contact and Details</h3>
      <ul class="contact-info">
        <li class="phone"><a href="tele: 324-9076">324-9076</a></li>
        <li class="mail"><a href="mailto:machoman@wrestlemania.com">machoman@wrestlemania.com</a></li>
        <li class="twitter"><a href="http://twitter.com/intent/tweet?/screen_name/horkinhighmer">@horkinhighmer</a></li>
      </ul>
    </section>      
  <footer>
    <nav>  
      <ul>
      <li><a href="http://twitter.com/horkinhighmer"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a></li>
      <li><a href="http://facebook.com"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a></li>  
      </ul>
    <p>&copy; 2014 Zack Coulter.</p>
      </nav>
    </footer>
    </body>     
   </html>
Chris Dziewa
Chris Dziewa
17,781 Points
Chris Dziewa
Chris Dziewa
17,781 Points

If this is on a code challenge, could you post the link to the challenge? Also, it's generally not good practice to use two sets of nav elements on the same page.

I notice you have this: 

<section id="primary">    
        <section>

Too many section tags and one doesn't close. Try removing the one beneath primary

zackcoulter
zackcoulter
1,495 Points

thx for your help as well.

zackcoulter
zackcoulter
1,495 Points

i removed the primary, it fixed the problem with the div, thx again for all your help!

Chris Dziewa
Chris Dziewa
17,781 Points

No problem, glad you were able to fix it!

Chris Dziewa
Chris Dziewa
17,781 Points
Chris Dziewa
Chris Dziewa
17,781 Points

What is the problem that you are having? You should always explain the problem to go along with your code snippet. Based on what I see, you have a closing div that doesn't have an opening div on line 6. This of course could be from a div you didn't include in the code.

zackcoulter
zackcoulter
1,495 Points

my code says that it is not working. I don't really know what the problem is. The code just goes red and I've done everything in my power to make it work. Should I include the whole page? I tried to bold the problem areas but i guess that doesn't work.

zackcoulter
zackcoulter
1,495 Points
zackcoulter
zackcoulter
1,495 Points

woops.

zackcoulter
zackcoulter
1,495 Points
zackcoulter
zackcoulter
1,495 Points 
  <header>
      <a href="index.html" id="logo">
        <h1>Zack Coulter</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> 
<div id="header">
      <section id="primary">    
        <section>
        <h3> General Information</h3>
        <p>This is my first website. If you want me to build yours next, don't hesitate to contact me k?</p>
        </section>
      </div>
      <section id="secondary">
        <h3>Contact and Details</h3>
      <ul class="contact-info">
        <li class="phone"><a href="tele: 324-9076">324-9076</a></li>
        <li class="mail"><a href="mailto:machoman@wrestlemania.com">machoman@wrestlemania.com</a></li>
        <li class="twitter"><a href="http://twitter.com/intent/tweet?/screen_name/horkinhighmer">@horkinhighmer</a></li>
      </ul>
    </section>      
  <footer>
    <nav>  
      <ul>
      <li><a href="http://twitter.com/horkinhighmer><img src="img/twitter-wrap.png" alt="Twitter Logo"></a></li>
      <li><a href="http://facebook.com><img src="img/facebook-wrap.png" alt="Facebook Logo"></a></li>  
      </ul>
    <p>&copy; 2014 Zack Coulter.</p>
      </nav>
    </footer>
    </body>     
   </html>
Jeff Busch
Jeff Busch
19,287 Points
Jeff Busch
Jeff Busch
19,287 Points

Zach,

Is this a code challenge problem? A problem following along with the video? Are you using Workspaces? Are the images not showing up? What exactly is the problem? Looking at your code there is no div associated with the links. If you could, please submit all of the code and the exact problem you are having. What code challenge are you on?

Jeff

zackcoulter
zackcoulter
1,495 Points

challenge 8. Thx for the help. I am having problems with the div, it keeps showing red.

zackcoulter
zackcoulter
1,495 Points

I got it fixed. Thx for the reply. I removed the second section and the div doesn't show red anymore.