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 HTML Tables Table Basics Create a Basic Table

Dean Onizuka
Dean Onizuka
4,753 Points
Posted by Dean Onizuka
Dean Onizuka
4,753 Points

Problem linking CSS???

so i previously made this post here... https://teamtreehouse.com/forum/using-same-exact-code-but-it-isnt-coming-out-the-same-on-my-browser

i believe it has something to do with my CSS. can someone look and see if there is anything wrong with my code in that previous section? i would just repost the code but for some reason last time i needed a mod to make the meta and CSS parts of the code visible

4 Answers

Shawn Flanigan
PLUS
Shawn Flanigan
Courses Plus Student 15,815 Points
Shawn Flanigan
Shawn Flanigan
Courses Plus Student 15,815 Points

Hi Dean,

It's hard to tell, but my best guess is that your files aren't following the same structure as Nick's. Make sure your files follow this structure:

Inside your main project folder, you should see a folder called css and a file called index.html

Inside the css folder, you should see two files, called main.css and normalize.css

Is this how you have it set up?

Dean Onizuka
Dean Onizuka
4,753 Points
Dean Onizuka
Dean Onizuka
4,753 Points

im actually not using workspaces. i;ll download the files and stuff but i use notepad++ instead. not sure if thats where the mix up is happening. probably just a small error in there somewhere

Dean Onizuka
Dean Onizuka
4,753 Points
Dean Onizuka
Dean Onizuka
4,753 Points

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Sign Up Form</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Nunito:400,300' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> </head> <body>

 <form action="index.html" method="post">

 <h1>Sign Up! </h1>

 <input type="text" id="name" name="user_name">
 <input type="email" id="mail" name="user_email">
 <input type="password" id="password" name="user_password">

 <textarea id="bio" name="user_bio"></textarea>

 <button type="submit">Sign Up</button>

 </form> 

</body>

</html>

Dean Onizuka
Dean Onizuka
4,753 Points
Dean Onizuka
Dean Onizuka
4,753 Points

it doesnt show my entire code when i copy paste it. if you click on the link in the question it links you back to my original post that the mod fixed to make everything visible

Dean Onizuka
Dean Onizuka
4,753 Points
Dean Onizuka
Dean Onizuka
4,753 Points

was a small syntax error. looked it over and fixed it. thanks

Dean Onizuka
Dean Onizuka
4,753 Points
Dean Onizuka
Dean Onizuka
4,753 Points

sure. in a nutshell i didnt save one of the CSS files so my computer couldnt find it. thats why i did the exact same code in the video but mine came out looking really plain etc.