Note that there are some explanatory texts on larger screens.

plurals
  1. POcss image overlays and inline block in UIwebview
    primarykey
    data
    text
    <p>On an iOS app I'm trying to list all images from the user gallery, float a clickable red x in the top left (or right) corner of each and have the display in a grid pattern, what I have here works in my browser but when I run it in phonegap it does not display correctly in iOS or android. I am not sure where to go from here or if it's even possible, I am using jQuery mobile if that matters. I tried to run the code without the jQuery and received the same results..</p> <pre><code>&lt;span id="client_logos"&gt; &lt;div class="imgspan"&gt; &lt;img src="img1.jpg" width="118" height="118" alt="" border="0" class="timg"&gt; &lt;a href=""&gt;&lt;img src="icon-folder.gif" width="28" height="28" alt="" border="0" class="fimg"&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class="imgspan"&gt; &lt;img src="img2.jpg" width="118" height="118" alt="" border="0" class="timg"&gt; &lt;a href=""&gt;&lt;img src="icon-folder.gif" width="28" height="28" alt="" border="0" class="fimg"&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class="imgspan"&gt; &lt;img src="img3.jpg" width="118" height="118" alt="" border="0" class="timg"&gt; &lt;a href=""&gt;&lt;img src="icon-folder.gif" width="28" height="28" alt="" border="0" class="fimg"&gt;&lt;/a&gt; &lt;/div&gt; &lt;/span&gt; </code></pre> <p>my css is:</p> <pre><code>.client_logos { display: inline-block; width:100%; } .timg { position:absolute; } .fimg { float:left; position:absolute; } .imgspan { display: inline-block; margin: 0 5px; width:120px; height:120px; } </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload