html - How to get my text on correct position next to custom checkbox? - 


#admin_status label {    width: 80px;    display: inline-block;    margin-right:15px;  }    #admin_status label input[type="checkbox"] {    display:none;    }    #admin_status label input[type="checkbox"] + .label-text:before {    content: url("../images/04_checkbox_radiobutton.png");    font-family: 'roboto', sans-serif;    speak: none;    font-style: noraml;    font-size: normal;    font-variant: normal;    font-transform: normal;    line-height: 1;    -webkit-font-smoothing: antialiased;    width: 1em;    display: inline-block;    margin-right: 5px;  }    #admin_status label input[type="checkbox"]:checked + .label-text:before {    content: url("../images/04_checkbox_radiobutton_checked.png");   }    #admin_status .checkbox-inline {    width:100px;    padding-left:0px;    }    #admin_status .checkbox-inline span {    margin-left:20px;    font-size: 1em;  }
      <div id="admin_status">          <label class="checkbox-inline" id="statusopen">            <input type="checkbox" id="status" value="open"><div class="label-text"><span>active</span></div>          </label>          <label class="checkbox-inline" id="statusclose">            <input type="checkbox" id="status" value="close"><div class="label-text"><span>locked</span></div>          </label>        </div>

as can see, text next custom checkbox image low. can make them vertical-align:middle.

i try add css, not working.

here working code demo

demo code

a quick , easy fix-

#admin_status .checkbox-inline span { position:relative; bottom: 5px;

}

might not optimal solution work absolutely fine. hope helps.

here's demo if want- jsfiddle link


-

Comments

Post a Comment

Popular posts from this blog

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

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