victorjmarin
New Member
I am following Ruby tutorial to make a Sample App. I made the signup page but the errors in signing up are being rendered in a funny way. The period at the end of the error line comes before it. And also the asterisk and bullet point are on the wrong end of the line.Here is the page source HTML source:\[code\]<div class="container"> <h1>Sign up</h1><div class="row"> <div class="span6 offset3"> <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="http://stackoverflow.com/questions/15848286/✓" /><input name="authenticity_token" type="hidden" value="http://stackoverflow.com/questions/15848286/UPwVQbjK5hdjlsXerJfnAESR61pKf3l/K1u2/05+ILY=" /></div> <div id="error explanation"> <div class="alert alert-error"> The form contains 2 errors. </div> <ul> <li>* Password doesn't match confirmation</li> <li>* Email is invalid</li> </ul> </div>\[/code\]This is how it looks:
This the CSS:\[code\]#error_explanation { color: #f00; ul { list-style: none; margin: 0 0 18px 0; }}\[/code\]Also I would like to mention, the input field also had a similar problem where the input cursor was on the right end of the box (like arabic text). I solved that one by adding the \[code\]direction: ltr;\[/code\] line in my input textarea css:\[code\]input, textarea, select, .uneditable-input { border: 1px solid #bbb; width: 100%; padding: 10px; height: auto; margin-bottom: 15px; direction: ltr; @include box_sizing;}\[/code\]I treid adding the direction styleing in my css but that didn't work. I can't think of anything else. Please tell me where am I going wrong?