In building a gallery for a client I am required to create a thumbnail display system which displays the thumbnail on the left with the related information down the right of the image. All of this needs to be surrounded by a border.
The structure of my XHTML is as follows
<img src="image.jpg" />[list]
<li>Title :</li>[list]<li>Title Goes Here</li></ul>
<li>Artist :</li>[list]<li>Name Goes Here</li></ul>
I need some way of getting the lists to display down the right of the image, and have the nested list to display on the same line as it's parent, ie.
Artist : Name
The page in question can be found at http://tfmwa.no-ip.com/sams/visual.php
There is a sample of what is currently happening, followed by an image which has been altered to better illustrate what I want to accomplish (there only wants to be the single dotted border however)
I also need the flow of this list to continue and not wrap under the image if the content of the list extends beyond the height of the image.
Any ideas would be greatly appreciated! ta!