css - HTML not rendering correctly -


i following ruby tutorial make sample app. made signup page errors in signing being rendered in funny way. period @ end of error line comes before it. , asterisk , bullet point on wrong end of line.

here page source html source:

<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="&#x2713;" /><input name="authenticity_token" type="hidden" value="upwvqbjk5hdjlsxerjfnaesr61pkf3l/k1u2/05+ily=" /></div>                 <div id="error explanation">         <div class="alert alert-error">             form contains 2 errors.         </div>         <ul>                 <li>* password doesn't match confirmation</li>                 <li>* email invalid</li>         </ul>     </div>

this how looks:

enter image description here

this css:

#error_explanation {     color: #f00;     ul {         list-style: none;         margin: 0 0 18px 0;     } }

also mention, input field had similar problem input cursor on right end of box (like arabic text). solved 1 adding direction: ltr; line in input textarea css:

input, textarea, select, .uneditable-input {     border: 1px solid #bbb;     width: 100%;     padding: 10px;     height: auto;     margin-bottom: 15px;     direction: ltr;     @include box_sizing; }

i treid adding direction styleing in css didn't work. can't think of else. please tell me going wrong?

so though things suggested @sam worked, found same problem in other places on site. fixed of them using direction: ltr. later when deployed heroku, lot of things failed. when looked solution found need pre compile assets before deploying heroku. using bootstrap.

surprisingly bundle exec rake assets:precompile solved problem on localhost heroku.

so yeah, problem in asset pipeline compilation.


Comments

Post a Comment

Popular posts from this blog

ios - iPhone/iPad different view orientations in different views , and apple approval process -

i force app's home screen portrait , other views landscape. apple rejects app if this? if not , how force first screen launch in portrait mode? , force other screens launch in landscape. this not duplicate question search every possible answer in website. i force app's home screen portrait , other views landscape. apple rejects app if this? no apple not reject app this. have lot of apps doesn't support orientation. forcing on 1 screen won't cause app reject. if not , how force first screen launch in portrait mode? , force other screens launch in landscape. can on write : -(nsuinteger)supportedinterfaceorientations; function.
Read more

java Extracting Zip file -

i'm looking way extract zip file. far have tried java.util.zip , org.apache.commons.compress, both gave corrupted output. basically, input zip file contain 1 single .doc file. java.util.zip: output corrupted. org.apache.commons.compress: output blank file, 2 mb size. so far commercial software winrar work perfectly. there java library make use of this? this method using java.util library: public void extractzipnative(file filezip) { zipinputstream zis; stringbuilder sb; try { zis = new zipinputstream(new fileinputstream(filezip)); zipentry ze = zis.getnextentry(); byte[] buffer = new byte[(int) ze.getsize()]; fileoutputstream fos = new fileoutputstream(this.tempfolderpath+ze.getname()); int len; while ((len=zis.read(buffer))>0) { fos.write(buffer); } fos.flush(); fos.close(); } catch (filenotfoundexception e) { // todo auto-generated catch block ...
Read more

C# WinForm - loading screen -

i ask how make loading screen (just picture or something) appears while program being loaded, , disappears when program has finished loading. in fancier versions, have seen process bar (%) displayed. how can have that, , how calculate % show on it? i know there form_load() event, not see form_loaded() event, or % property / attribute anywhere. all need create 1 form splash screen , show before main start showing landing page , close splash once landing page loaded. class splashform { //delegate cross thread call close private delegate void closedelegate(); //the type of form displayed splash screen. private static splashform splashform; static public void showsplashscreen() { // make sure launched once. if (splashform != null) return; thread thread = new thread(new threadstart(splashform.showform)); thread.isbackground = true; thread.setapartmentstate(apartmentstate.sta); thread....
Read more