Validation errors move button right - CSS - 


.password-reset {    padding: 40px 50px 0;    float: left;  }  .form-field {    float: left;    font-size: 18px;    color: #fff;    margin-right: 15px;  }  .form-field--wide {    width: 100%;    float: left;    margin-bottom: 20px;  }  .form-field label {    margin-bottom: 3px;    width: 100%;    display: block;    color: black;  }  .form-field input {    padding: 10px;    color: #000;    width: 245px;    float: left;  }  .form-field input.error {    color: #ed1b2e;  }  .form-field--half {    width: 48%;    margin: 0;  }  .form-field--half input {    width: 100%;  }  .form-field--repos {    float: right;  }  .form-error {    color: #ed1b2e;    font-size: 14px;    float: left;    margin: 5px 3px 0 0;    display: inline-block;  }  .form-error.alert {    clear: both;  }  .form-error ul {    list-style: none;    padding: 0;    margin: 0;  }  .form-error li {    /*display: inline-block;*/    margin-right: 3px;  }  .form-field--wide .form-error {    font-size: 18px;    color: #ed1b2e;    padding: 0 10px;    font-size: 18px;    width: 180px;    float: left;    line-height: normal;    margin-top: 0;  }
<div class="password-reset">    <form id="passwordreminderform" action="/service/public/passwordreminder.do?sitelanguage=en" method="post">      <div class="form-field form-field--half">        <label for="user">username</label>        <div class="input error-input">          <input id="passwordreminderformusername" name="username" value="" type="text">        </div>      </div>      <!-- .form-field -->        <div class="form-field form-field--half form-field--repos">        <label for="email">e-mail</label>        <div class="input error-input">          <input style="width: 120%;" id="passwordreminderformemail" name="email" value="" type="text">        </div>      </div>      <!-- .form-field -->      <div class="verification-messages message--red">        <div id="passwordreminderform.errors" class="form-error">"e-mail" must set          <br>"username" must set</div>      </div>      <input class="btn btn--top-offset js-validate-image submit-form" value="remind me" type="submit">      <input name="_csrf" value="7035c910-22bf-49b9-b0b3-facd9d460fbd" type="hidden">    </form>  </div>

i have provided css , html code. see problem validation errors move "remind me" button right, should on left side. how can achieve this? suggestions? provide button styles if needed. link fiddle

you need first clear left inherited , apply float float left button using css here is

.form-submit-button{      clear:left;      float:left;  }
<input class="btn btn--top-offset js-validate-image submit-form form-submit-button" value="remind me" type="submit">

here js fiddle

demo code


-

Comments

Post a Comment

Popular posts from this blog

java - UnknownEntityTypeException: Unable to locate persister (Hibernate 5.0) -

Image
in code below when try execute main.java getting exception: exception in thread "main" org.hibernate.unknownentitytypeexception: unable locate persister: com.np.vta.test.pojo.users @ org.hibernate.internal.sessionfactoryimpl.locateentitypersister(sessionfactoryimpl.java:792) @ org.hibernate.internal.sessionimpl.locateentitypersister(sessionimpl.java:2637) @ org.hibernate.internal.sessionimpl.access$2500(sessionimpl.java:164) @ org.hibernate.internal.sessionimpl$identifierloadaccessimpl.<init>(sessionimpl.java:2575) @ org.hibernate.internal.sessionimpl$identifierloadaccessimpl.<init>(sessionimpl.java:2562) @ org.hibernate.internal.sessionimpl.byid(sessionimpl.java:1044) @ org.hibernate.internal.sessionimpl.get(sessionimpl.java:955) @ com.app.test.main.main(main.java:20) but if uncomment cfg.addclass( users.class ).addresource( "com/np/vta/test/pojo/users.hbm.xml" ); code works fine. why not reading <mapping...
Read more

python - ValueError: empty vocabulary; perhaps the documents only contain stop words -

i'm using (for first time) scikit library , got error: valueerror: empty vocabulary; perhaps documents contain stop words file "c:\users\a605563\desktop\velibprojetpreso\traitementtwitterdico.py", line 33, in <module> x_train_counts = count_vect.fit_transform(filetweets) file "c:\python27\lib\site-packages\sklearn\feature_extraction\text.py", line 804, in fit_transform self.fixed_vocabulary_) file "c:\python27\lib\site-packages\sklearn\feature_extraction\text.py", line 751, in _count_vocab raise valueerror("empty vocabulary; perhaps documents contain stop words but don't understand why that's happening. import sklearn sklearn.feature_extraction.text import countvectorizer import pandas pd import numpy import unicodedata import nltk tweetsfile = open('tweets2015-08-13.csv', 'r+') f2 = open('analyzer.txt', 'a') print tweetsfile.readline() count_vect = countvectorizer(strip_accents='ascii...
Read more

ubuntu - collect2: fatal error: ld terminated with signal 9 [Killed] -

Image
i'm trying build precimonious on ubuntu 16.04.3 x64. allocated 1gb memory it. file structure looks like ~ |--- llvm/ |--- precimonious/ where llvm on version 3.0 mentioned @ https://github.com/corvette-berkeley/precimonious#requirement . followed steps on readme command make ended with ... llvm[1]: linking debug shared library libllvm-3.0.so collect2: fatal error: ld terminated signal 9 [killed] compilation terminated. ... i went through answers online , might because there's not enough memory perform link. memory usage the gcc version on machine gcc version 5.4.0 20160609 (ubuntu 5.4.0-6ubuntu1~16.04.4) , installed via apt-get install build-essential . fresh droplet created on digitalocean btw. appreciated. it memory exhaustion. sampling interval memory measurement not small enough covers exact point oom killer kicks in. depending on container/vm technology, may able set vm.overcommit_memory=2 before build, process not killed (but doing requires m...
Read more