I am trying to put captions under images in a list when the images are displayed as "displayed:inline". When I do not have captions, the images appear OK with the three displayed in a horizontal line. When I add captions the list displays vertically. What am I missing or doing wrong?

Thanks for your help
pk


here is the css and html code I am using.......

#artpiecethumbcontainer ul {
list-style-type:none;
margin:0;
padding:0;
color:black;
font-family:'garamond';
font-size:12px;
}

#artpiecethumbcontainer ul li{
display:inline;
padding:10px 5px 10px 5px;
}


...............................

<div id="artpiecethumbcontainer" align="center">
<ul>

<li><img src="image1.jpg" width="150" height="150" alt="" title="" border="0" />
<br /> the caption #1
</li>

<li><img src="image2.jpg" width="150" height="150" alt="" title="" border="0" />
<br /> the caption #2
</li>
<li><img src="image3.jpg" width="150" height="150" alt="" title="" border="0" />
<br /> the caption #3
</li>

</ul>
</div><!-- end 'artpiecethumbcontainer' -->

Hiya PK,

I'm going to assume you are working with the HTML Editor since you're dealing with CSS and HTML code, but if that's not correct please let us know.

Other than that, a link to the page(s) in question goes a long way also since sometimes the issues aren't in the actual code you're using for that feature, but are above or below it or in another part of the CSS which is acting as default etc. If you have a link it would help a whole lot more

Thanks Jo Ann. I took another approach and used tables for the images and captions. That seems to be working. However, I would like to know how to put captions under the images with out using tables when the images are displayed in a list. To that end, here is the link to the page....

http://www.paperandclay.com/necklace-2011-1-notabl.html

The page passed validation if that is any help.

Thanks for your help
pk