html - Jquery mobile changing formatting, voiding float? -


i using jquery mobile application. using in 1 part of page, have discovered ruining formatting on listview.

i have following basic format( fiddle @ bottom )

   <ul>       <li>          <div id="number1">             <span></span>          <div>          <div id="number2">              <span><input type="checkbox" /><span>              <span> something</span>              <span> else</span>          </div>       </li>   </ul> 

i creating listview. inner div id="number1" going main label list. in inner div id="number2" there checkbox , 2 small buttons inline. want take minimal space of way right.

problem: formatting looks fine long not check "jquery mobile 1.3.0b1", using other parts of page. clicked though float:right on div w. id="number2" no longer having effect.

http://jsfiddle.net/steverobertson/ncqfp/39/

check out fiddle, check off jquery mobile 1.3.0.b1 , see effect having not want.

thank time!

    .ui-controlgroup-horizontal .ui-controlgroup-controls {     display: block !important;     }  <li>     <div id="joblist"  data-role="controlgroup" data-type="horizontal">         <div id="labelcontainer">             <span class="labelitem"><a href="#">item 2</a></span>         </div>         <div data-role="controlgroup" data-type="horizontal" id="buttoncontainer">               <span class="checkboxes"><label for="id2"></label><input type="checkbox" id="id2" /></span>              <span class="deletebutton"><a href="#"> a</a></span>             <span class="notesbutton"><a href="#"> b</a></span>                                                              </div>     </div> </li> 

jsfiddle example

not sure how suppose hope help.


Comments

Popular posts from this blog

curl - PHP fsockopen help required -

HTTP/1.0 407 Proxy Authentication Required PHP -

c# - Resource not found error -