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
Cheri Trego
834 PointsWhere 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
Cheri Trego
834 PointsHow do you pass the code and from which page is the error in the index.html or main.css or normal.css
Nejc Vukovic
Full Stack JavaScript Techdegree Graduate 51,574 PointsJust 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
Cheri Trego
834 PointsOk 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.
Nejc Vukovic
Full Stack JavaScript Techdegree Graduate 51,574 Pointshref="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.
Mikael Enarsson
7,056 PointsThe W3C Markup Validation Service will at least show you syntax errors ^^
Cheri Trego
834 PointsOk 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>
Cheri Trego
834 PointsI hope you can read the whole code if not let me know I can copy the rest of the code
Cheri Trego
834 PointsI can not for the life of me figure out where the mistake in the code is
Cheri Trego
834 PointsThe 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=
Nejc Vukovic
Full Stack JavaScript Techdegree Graduate 51,574 Points<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.
Cheri Trego
834 PointsThe web page is still not working the code has been changed on the html pages should I change them some where else?
Nejc Vukovic
Full Stack JavaScript Techdegree Graduate 51,574 Points<link rel="stylesheet" href="css/responsive.css">
change this to
<link rel="stylesheet" href="css/resoponsive.css">
just to try...
Nejc Vukovic
Full Stack JavaScript Techdegree Graduate 51,574 PointsThen delete this line.
Cheri Trego
834 PointsI 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">
Cheri Trego
834 PointsThis is what the top of the web page looks like
href="css/normalize.css"> Cheri Trego
Designer
class="selected" >Portoflio
Nejc Vukovic
Full Stack JavaScript Techdegree Graduate 51,574 Pointsthen take the code i gave you and copy it into your index.html file. save the file and reload the browser.
Cheri Trego
834 PointsNo 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
Nejc Vukovic
Full Stack JavaScript Techdegree Graduate 51,574 Pointsclear the cache. try again. if it doesn't help you are modifying the wrong file.
Cheri Trego
834 PointsIn 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
audiowithout 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-sizeis set using -
emunits. - 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 */ }
Nejc Vukovic
Full Stack JavaScript Techdegree Graduate 51,574 PointsYou don't need to change normalize. Code is OK.
Cheri Trego
834 PointsI found the error thank you without you I could not have found the error. You are awesome!
Matthew Greenberg
8,173 PointsMatthew Greenberg
8,173 Pointspost your code please. I see things wrong with the links; however, it would be good to see the whole thing.