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 Responsive Web Design and Testing Build a Three Column Layout

Where can I determine where the code is incorrect

I am having trouble with the web page that I am building in the very beginning html and all about. The page not look like anything I have coded. Where would my mistake be

href="css/normalize.css"> href="css/main.css"> href="css/resoponsive.css"> Cheri Trego

Designer

class="selected" >Portoflio About Contact Here is what the top of the web page shows where is the mistake

post your code please. I see things wrong with the links; however, it would be good to see the whole thing.

How do you pass the code and from which page is the error in the index.html or main.css or normal.css

Just click on validate with direct input, copy/paste the code from your file and voila:D

But tell me with what exactly you are having difficulties?

16 Answers

Ok then it must be in another code that I created my best beginning guess would be in the html codes. I have improved the web page here is the only wrong code that I have left.
html="css/normalize.css"> html="css/main.css"> html="css/resoponsive.css"> which is on the top. So you have really helped me the most.

href="css/resoponsive.css"> typo? -> href="css/responsive.css">

This could be the problem. Make sure when you are linking external style sheets that you typed the file location and name correctly or it won't be loaded into the browser to read the rules you declared for the layout.

Ok here is the index.html I notice that there is a open bracket somewhere here you go <!DOCTYPE html> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Cheri Trego | Designer</title> <link rel="stylesheet"> href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'> <link rel="stylesheet"> href="css/main.css"> <link rel="stylesheet"> href="css/resoponsive.css"> </head> <body> <header> <a href="main.css" id="logo"> <h1>Cheri Trego</h1> <h2>Designer</h2> </a> <nav> <ul> <li><a href="index.html"> class="selected" >Portoflio</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a><li> </ul> </nav> </header> <div id="wrapper"> <section> <ul id="gallery"> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <P>Experimentation with color and texture</P> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <P>Playing with blending modes in photoshop </P> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <P>Trying to create a 80's style of glows</P> </a> <li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <P>Drips created using Photoshop brushes</P> </a> </li> <li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <P>Creating shapes with repetition</P> </a> </li>
</ul>
</section>

<footer> <a href="http//twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="twiter logo" class= "social-icon"></a> <a href="http//facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook logoclass="social-icon"></a> <p>© 2014 Nick Pettit</p> </footer> </div> </body>

I hope you can read the whole code if not let me know I can copy the rest of the code

I can not for the life of me figure out where the mistake in the code is

The first part of the code is <link rel="stylesheet"> href="css/main.css"> <link rel="stylesheet"> href="css/resoponsive.css"> is this correct should there be another angle bracket before the href=

<meta charset="utf-8">
<title>Cheri Trego | Designer</title>
  <link rel="stylesheet" href="css/normalize.css">
  <link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="css/main.css"> 
  <link rel="stylesheet" href="css/responsive.css">
</head>

<header>
    <a href="index.html" id="logo">
      <h1>Cheri Trego</h1>
      <h2>Designer</h2>
    </a>
  <nav>
 <ul>
        <li><a href="index.html" class="selected">Portoflio</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="contact.html">Contact</a><li>
      </ul>
    </nav>
</header>
  <div id="wrapper">
<section>
  <ul id="gallery">
    <li>
      <a href="img/numbers-01.jpg">
        <img src="img/numbers-01.jpg" alt="">
        <P>Experimentation with color and texture</P>
      </a>
    </li>
    <li>
      <a href="img/numbers-02.jpg">
        <img src="img/numbers-02.jpg" alt="">
        <P>Playing with blending modes in photoshop </P>
      </a>
    </li>
    <li>
      <a href="img/numbers-06.jpg">
        <img src="img/numbers-06.jpg" alt="">
        <P>Trying to create a 80's style of glows</P>
      </a>
    <li>
      <a href="img/numbers-09.jpg">
        <img src="img/numbers-09.jpg" alt="">
        <P>Drips created using Photoshop brushes</P>
      </a>
     </li>
     <li>
       <a href="img/numbers-12.jpg">
        <img src="img/numbers-12.jpg" alt="">
        <P>Creating shapes with repetition</P>
      </a>
     </li>    
</ul>    



<a href="http//twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="twiter logo" class="social-icon"></a>
<a href="http//facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook logo" class="social-icon"></a>

You had a couple of errors there. Check this version with yours. If you need some more info, do ask.

The web page is still not working the code has been changed on the html pages should I change them some where else?

<link rel="stylesheet" href="css/responsive.css"> 

change this to

<link rel="stylesheet" href="css/resoponsive.css">

just to try...

Then delete this line.

I tried this still doesn't work I am using chrome as my browser what could possible be wrong <link html="stylesheet"> href="css/main.css"> <link html="stylesheet"> href="css/resoponsive.css">

This is what the top of the web page looks like

href="css/normalize.css"> Cheri Trego

Designer

class="selected" >Portoflio

then take the code i gave you and copy it into your index.html file. save the file and reload the browser.

No luck here is what the web pack displays when reloaded

html="css/normalize.css"> html="css/main.css"> html="css/resoponsive.css"> Cheri Trego

Designer

class="selected" >Portoflio About Contact

clear the cache. try again. if it doesn't help you are modifying the wrong file.

In the normalize file here is what was downloaded is this the problem there are red places which would mean that there is something open

as, video { display: inline-block; *display: inline; *zoom: 1; }

/**

  • Prevent modern browsers from displaying audio without controls.
  • Remove excess height in iOS 5 devices. */

audio:not([controls]) { display: none; height: 0; }

/**

  • Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
  • Known issue: no IE 6 support. */

[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */

/**

  • 1. Correct text resizing oddly in IE 6/7 when body font-size is set using
  • em units.
  • 2. Prevent iOS text size adjust after orientation change, without disabling
  • user zoom. */

html { font-size: 100%; /* 1 / -webkit-text-size-adjust: 100%; / 2 / -ms-text-size-adjust: 100%; / 2 */ }

You don't need to change normalize. Code is OK.

I found the error thank you without you I could not have found the error. You are awesome!