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

Ruby

Posted by Ali Naqvi
Ali Naqvi
Courses Plus Student 4,508 Points

Styling issues with: Build a Simple RoR App > Creating an Authentication System > Generating the User Model

Hi,

I'm following along with the video instructions and just generated the user model. The functionality seems to be working fine, the only problem is all my styling appears to have broken down. It just looks like a basic html page now.

I've copied the code below. Could anyone help me figure out where I might have gone wrong by looking at this? If not, what info would you need?

Thank you! Ali

<!DOCTYPE html> <html> <head> <title>Fakebook</title> <link href="/assets/application.css" media="all" rel="stylesheet" type="text/css" /> <script src="/assets/application.js" type="text/javascript"></script> <meta content="authenticity_token" name="csrf-param" /> <meta content="sDYBklJdFDtDLnjyUpfHlG71sqfmL91TkT/lpih/HkQ=" name="csrf-token" /> </head> <body> <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a href="#" class="brand">Fakebook</a> <ul class=nav> <li><a href="/statuses">All Statuses</a></li> </div> </div> </div>

<div class="container">
<p class="notice"></p>                                                                                             
<p class="alert"></p>  
    <h2>Sign up</h2>

<form accept-charset="UTF-8" action="/users" class="new_user" id="new_user" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="sDYBklJdFDtDLnjyUpfHlG71sqfmL91TkT/lpih/HkQ=" /></div>

<div><label for="user_email">Email</label><br /> <input autofocus="autofocus" id="user_email" name="user[email]" size="30" type="email" value="" /></div>

<div><label for="user_password">Password</label><br /> <input id="user_password" name="user[password]" size="30" type="password" /></div>

<div><label for="user_password_confirmation">Password confirmation</label><br /> <input id="user_password_confirmation" name="user[password_confirmation]" size="30" type="password" /></div>

<div><input name="commit" type="submit" value="Sign up" /></div> </form> <a href="/users/sign_in">Sign in</a><br />

<a href="/users/password/new">Forgot your password?</a><br />

</div>

</body> </html>

2 Answers

Ali Naqvi
PLUS
Ali Naqvi
Courses Plus Student 4,508 Points
Ali Naqvi
Ali Naqvi
Courses Plus Student 4,508 Points

Whoops! The code doesn't seem to paste properly in the box.

I'm working on Cloud9. Here's the URL for the page whose code I tried to paste: http://fakebook.ali_qas.c9.io/users/sign_up

Quinten Powell
Quinten Powell
2,382 Points
Quinten Powell
Quinten Powell
2,382 Points

Ali, when I try to access that page, it gives me a "No App Running" error message.

In order to get your pasted code to display properly, make sure each line is indented with at least 4 spaces (or 1 tab)