html - Difficulties in styling CSS form -


with controversy surrounding tables layout option forms, i've decided go unordered list. have labels , elements displaying intend, 'note' div i've added refuses line inputs above it.

i've included code below, please excuse garish background colours i've chosen me judge placement! have suggestions why 'note' div refuses play along? i'm sure there's simple solution i'm stumped. thank in advance.

form.contact label {     float: left;     position: absolute;     background: red; } form.contact input {     width: 200px;     margin-left: 15em; } form.contact .note {     margin-left: 15em;     width: 176px;     background: yellow; } form.contact ul {     list-style: none;     position: absolute;     padding: 0; } form.contact ul li {     float: left;         clear: left;         width: 100%;         padding-bottom: 1em;     margin-bottom: 10px;     background: pink;     left: 0; }  <ul>         <li>             <label for="address1">address line 1:</label>             <input name="address1" type="text" id="address1" />         </li>         <li>             <label for="address2">address line 2:</label>              <input name="address2" type="text" id="address2" />          </li>         <li>             <label for="address3">address line 3:</label>             <input name="address3" type="text" id="address3" />          </li>         <li>             <label for="address4">address line 4:</label>             <input name="address4" type="text" id="address4" />              <div class="note">this note</div>          </li>          <li>             <input type="submit" name="btnsubmit" value="submit" id="btnsubmit" />         </li>     </ul>

because input , div have different font size default, , using elastic layout em measurements affected size of font.

this fixes it:

* {font-size: 12px;}


Comments

Post a Comment

Popular posts from this blog

asp.net - repeatedly call AddImageUrl(url) to assemble pdf document -

i'm using abcpdf , i'm curious if can recursively call addimageurl() function assemble pdf document compile multiple urls? something like: int pagecount = 0; int theid = thedoc.addimageurl("http://stackoverflow.com/search?q=abcpdf+footer+page+x+out+of+", true, 0, true); //assemble document while (thedoc.chainable(theid)) { thedoc.page = thedoc.addpage(); theid = thedoc.addimagetochain(theid); } pagecount = thedoc.pagecount; console.writeline("1 document page count:" + pagecount); //flatten document (int = 1; <= pagecount; i++) { thedoc.pagenumber = i; thedoc.flatten(); } //now try again theid = thedoc.addimageurl("http://stackoverflow.com/questions/1980890/pdf-report-generation", true, 0, true); //assemble document while (thedoc.chainable(theid)) { thedoc.page = thedoc.addpage(); theid = thedoc.addimagetoc...
Read more

java - Android recognize cell phone with keyboard or not? -

in android app, want detect user's device if device has keyboard(like motorola milestone) , show corresponding user interface. guys know how that? ! regards justicepenny http://developer.android.com/reference/android/content/res/configuration.html public int keyboard the kind of keyboard attached device. 1 of: keyboard_nokeys, keyboard_qwerty, keyboard_12key. that's it!
Read more

Add email recipient to all new Trac tickets -

is there configuration change can made trac send notification email address upon creation of new tickets? if can't done through config, plugin second best option, source code modification last resort. note: setting smtp_always_cc in notification section of tracini send messages on updates. i'm in need of email notifications only on creation of new ticket. does have email notification? 1 option have create query list ten (or many) recently-created tickets. when looking @ results of query, use "rss feed" button @ bottom of page subscribe feed notify whenever results of query updated.
Read more