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 Personal Profile Page

Posted by Le Var Range
.a{fill-rule:evenodd;}techdegree
Le Var Range
Front End Web Development Techdegree Student 18,011 Points

when I try to validate my html .. it says fatal error / no root element.

I get 2 errors in my html .. one fatal.

6 Answers

Le Var Range
seal-mask
.a{fill-rule:evenodd;}techdegree
Le Var Range
Front End Web Development Techdegree Student 18,011 Points
Le Var Range
.a{fill-rule:evenodd;}techdegree
Le Var Range
Front End Web Development Techdegree Student 18,011 Points

I see, I was using safari along with using the validation link the source provided . Maybe I should use a different browser lololol . Anyway glad to know there were no issues with my mark up. Thanks for the help it was really appreciated. Happy coding to you all.

Tobias Helmrich
Tobias Helmrich
31,602 Points
Tobias Helmrich
Tobias Helmrich
31,602 Points

Hey there,

could you please share your code with us? :) No root element indicates that the html tag is missing but without seeing the code it's difficult to see where the problem might be.

Shawn Denham
seal-mask
PLUS
.a{fill-rule:evenodd;}techdegree
Shawn Denham
Python Development Techdegree Student 17,801 Points
Shawn Denham
.a{fill-rule:evenodd;}techdegree
Shawn Denham
Python Development Techdegree Student 17,801 Points

To post your code to the forums wrap your code with 3 backticks (```) on the line before and after. If you specify the language after the first set of backticks, that'll help us with syntax highlighting.
Example:

```css
#body { color: black; }
```

Will look like:

#body {color: black;}
Le Var Range
seal-mask
.a{fill-rule:evenodd;}techdegree
Le Var Range
Front End Web Development Techdegree Student 18,011 Points
Le Var Range
.a{fill-rule:evenodd;}techdegree
Le Var Range
Front End Web Development Techdegree Student 18,011 Points 
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Le Var Range's Profile</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="styles.css">
  <link href="https://fonts.googleapis.com/css?family=Muli%7CRoboto:400,300,500,700,900" rel="stylesheet">
  </head>
  <body>

    <div class="main-nav">
        <ul class="nav">
          <li class="name">Le Var Range</li>

          <li><a href="https://teamtreehouse.com/levarrange">Experience</a></li>
        </ul>
    </div>

    <header>
      <img src="images/varlerang_chilling.jpeg" alt="Myself" class="profile-image"/>
      <h1 class="tag name">varlerang</h1>
      <p class="tag location">New York City</p>
    </header>



    <main class="flex">
      <div class="card">

       <div class="box">
        <img id="trio" src="images/trio_image.svg" alt="centriole" title="centriole"/>
        </div>

        <h2>Background</h2>
        <p>I’m an aspiring web designer who loves everything about the web. I also love everything about the sciences as well. I’m excited to learn all that there is to learn about programing, along  with procuring an awesome web development job.</p>
        <p>I like to draw, paint, snowboard, study martial arts, along with shooting the basketball from time to time. To put it all in a nutshell I  am a life-long learner who's always interested in expanding my skills in where ever my interest lead me.</p>
      </div> 

      <div class="card">
        <h2>Goals</h2>
        <p>I want to master the process of building web sites and increase my knowledge, skills and abilities in:</p>
        <ul class="skills">
          <li>HTML</li>
          <li>CSS</li>
          <li>JavaScript</li>
          <li>Ruby</li>
          <li>Rails</li>
          <li>Swift</li>
          <li>Objective-C</li>
          <li>C Language</li>
        </ul>
        <p>I would like to work for a web design firm helping clients create an impressive online presence, with my creativity.</p>

               <div class="box">
               <img id="chrome" src="images/chrome_img.svg" alt="chromosome" title="chomosome"/>

            </div>
   </div>
    </main>
    <footer>
      <ul>
        <li><a href="#" class="social twitter">Twitter</a></li>
        <li><a href="#" class="social linkedin">LinkedIn</a></li>
        <li><a href="#" class="social github">Github</a></li>
      </ul>
      <p class="copyright">Copyright 2016, varlerang</p>
    </footer>
  </body>
  </html>
          ```
Shawn Denham
seal-mask
PLUS
.a{fill-rule:evenodd;}techdegree
Shawn Denham
Python Development Techdegree Student 17,801 Points
Shawn Denham
.a{fill-rule:evenodd;}techdegree
Shawn Denham
Python Development Techdegree Student 17,801 Points

I looked over it and did not see any issues and I am not sure where you validated your HTML but when I pasted it into the W3C Markup Validation Service there was nothing wrong with it at all.

Hope this helps! -Shawn

Grayson Hary
Grayson Hary
5,033 Points
Grayson Hary
Grayson Hary
5,033 Points

I believe when I tried this in Safari I received the same error, but, if you try it in Chrome, it will not give you those same errors.