Question

I am trying to display an image and some text on the same line, both the image and text are clickable and point to some link. I am using jquery.mobile-1.0a4.1.
However below code shows the Stuff1 and Description being overlapped by Image, so the image is in front and text in background. I wish to have Image and text side by side, what could be the problem in my below code ?

   <li> 
<img src="images/someImage.png" /> 
<h3><a href="#someID" >Stuff1</a></h3> 
<p>Some Description</p> 
<a href="#someID" >Stuff2</a> 
</li>

Answer 1

In the example on the jQuery.mobile site, you have to wrap the whole of the inner html of the li in your link, like so:

<li> 
  <a href="#someID">
    <img src="images/someImage.png" /> 
    <h3>Stuff1</h3> 
    <p>Some Description</p>
  </a>
</li>

However, it looks like you may be trying to have two different links in one li tag. In mobile application, this really isn’t feasible (but I could be wrong about what you’re tring to do)

Reference:
http://jquerymobile.com/demos/1.0a4.1/docs/lists/lists-thumbnails.html