Geek asks and answers

Does the image have the full width of the list of mobile jquery?

I would like to place an image inside a list in a jquery mobile website. Is there a way to have an image full width on a jquery mobile listview? I mean without a white border in the list: there is no space between the border of the list and the image itself. → The image expands over the entire width of the list.

+3
source share
1 answer

Live example: http://jsfiddle.net/k68Zp/23/

<div data-role="page" data-theme="b" id="jqm-home"> 
    <div data-role="content">
        <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="e" style="white-space:normal"> 
            <li data-role="list-divider" role="heading" class="ui-li ui-li-divider ui-btn ui-bar-e ui-corner-top">Techno: vb.net - asp.net - vb6</li> 
            <li class="custom_listview_img"></li>
        </ul>
    </div>
</div>

CSS

.custom_listview_img {
    margin:0px; 
    padding:0px;
    background-image:url('http://www.flightcentre.com.au/global-images/AIRFARE_SPECIALS_2/Paris.jpg');
    background-repeat:no-repeat;
    background-size:100%;
    height:150px;
}
+7
source

More articles:


All Articles