PDA

View Full Version : Captions under Photos?



Barnum
12-11-2008, 06:00 PM
Have about 15 photos (thumbnail size) that I want to put captions under, but for whatever reason I having a difficult time. Put them in tables at first, and that didn't work....

Any suggestions? My code looks like this


<img src="images/IMG_2776smaller.jpg" width="340" height="225" border="4px" color="white">
<img src="images/IMG_2442smaller.jpg" width="340" height="225" border="4px" color="white">
<img src="images/IMG_2393smaller.jpg" width="340" height="225" border="4px" color="white">

<img src="images/shootingsmaller.jpg" width="340" height="225" border="4px" color="white">
<img src="images/with-camerasmaller.jpg" width="340" height="225" border="4px" color="white">
<img src="images/faysanfran.jpg" width="340" height="225" border="4px" color=

Chris
12-12-2008, 07:10 AM
I generally use divs for captions

<div style = "usually a border of some such type, and a background shade a little darker than the rest of the page, and of course caption text styling">
<img style = "display: block">
Caption here
</div>

Dan Schulz
12-15-2008, 01:11 AM
What is the finished page going to look like? Depending on how the content is organized on the page, I may end up recommending a table (if the content is best suited for tabular data) or possibly a list (if it's list based content).

nevillep
01-16-2009, 05:58 AM
Hi Barnum
I agree with the method that Chris uses for displaying the caption of the image, however I have another way which will allow the user know the image name when the mouse cursor is moved over the image and also display the title / Caption as well as allow the user to save the images (download) on thier disk. The Code is listed below :
<img src="image name.extn" alt="[name / Caption]" height="120" width="140"></img>
<caption align="bottom">[name / Caption]</caption>