Trying to figure out a way to display thumbnails horizontally with captions without using tables. Ran into this suggestion to use a DL tag (data list) which has a DT tag for a title (which can be the image) and a DD tag for data (which can be the caption.)
<style type=”text/css”>
#wrap {width: 500px;
}
dl.gallery {float: left; width: 150px; padding: 2; border: 1px #f00 solid; margin: 0;
}
dl.gallery dd {padding: .0em; margin: 0;
}
</style>
A Definition List:
- <img src="http://mac.fiveforks.com/stonegate/archives/Thinking%20Come%20Back-thumb.jpg"
- Thinking Come Back
- Lights Out and Fugetta Bout It
Not sure this is easier than tables which I’m using here:
| <img src="http://mac.fiveforks.com/stonegate/archives/Thinking%20Come%20Back-thumb.jpg" Thinking Come Back | Lights Out and Fugetta Bout |