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 trialDean Onizuka
4,753 PointsProblem 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
Courses Plus Student 15,815 PointsHi 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?
Christophe Rudyj
Full Stack JavaScript Techdegree Student 13,011 Pointscan you give me a link to your CSS style sheet the main.css or copy paste it
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
4,753 Pointsit 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
Christophe Rudyj
Full Stack JavaScript Techdegree Student 13,011 Pointsjust open main.css in a plain note pad copy paste only the content of main.css
Christophe Rudyj
Full Stack JavaScript Techdegree Student 13,011 PointsI don't think you understand can you show us by copy pasting the fille css/man.css
Dean Onizuka
4,753 Pointswas a small syntax error. looked it over and fixed it. thanks
Shawn Flanigan
Courses Plus Student 15,815 PointsCare to fill us in?
Dean Onizuka
4,753 Pointssure. 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.
Dean Onizuka
4,753 PointsDean Onizuka
4,753 Pointsim 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