Response title
This is preview!
Styling jquery mobile listviews
in jQuery Mobile
•
12 years ago
updated this question here as had reached limit here
Hi all, im trying to style a listview control but im having problems... when i set width of image to 40px as shown in markup. i cant seem to get the content to align properly to the left. ie. i dnt want that gap between image and text. here is my markup- <ul data-role="listview" class="ui-listview" data-inset="true" role="listbox">
- <li data-role="list-divider" role="heading" tabindex="0" class="ui-li ui-li-divider ui-btn ui-bar-b ui-btn-up-c" style='font-size:8pt;font-weight:normal'>
- <?php echo fmtDate($x->date); ?>,<?php echo $name; ?> wrote on <?php echo $wname; ?>'s wall
- <span class="ui-li-count ui-btn-up-c ui-btn-corner-all" style='right:55px;background: url(../images/comment.png) no-repeat;padding:3px;padding-left:20px'>34</span>
- <span class="ui-li-count ui-btn-up-c ui-btn-corner-all" style='right:5px;background: url(../images/like.gif) no-repeat;padding:3px;padding-left:20px'>442</span>
- </li>
- <li role="option" tabindex="0" data-theme="c" >
- <a href='#'>
- <img width="40" height="40" src='<?php echo $imgstr; ?>'/>
- <div style='font-size:9pt;font-weight:normal;'><?php echo nl2br(addSmilies(urlize(trim($x->msg))));?></div>
- </a>
- </li>
- </ul>
2