CSS - images with text under image

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

want-a-be - 15 Nov 2004 22:52 GMT

I'm developing a page where I have 8 images lined up (horizontal) and I would
like some text under each img. I'm learning CSS and trying to do this without
tables. How do I go about getting some text to appear under each image. Also, I
defined each image as a link that would open up that an email request for that
person in the image. I can get the text to the side of each image but not sure
how to get it under and still have the images lined up next to each other.

Any help would be great.

thanks,

Reply to this Message

silversalmon - 29 Nov 2004 17:11 GMT

you could try along the lines of
<div id="imgstrip">
<img>image text
<img>image text
<img>image text
</div>

make inline, set borders on image and define span width/height etc with
css

#imgstrip p {display:block; padding-top: 0.5em; }
#imgstrip span {display: inline}

or you might need to insert after <img>

Reply to this Message

Webmaster Forum / ColdFusion / Advanced Techniques / November 2004

CSS - images with text under image