CSS Layout for Images & Captions

message from elbows2 on 18 Jul 2004

How do I create CSS elements allowing two images (photos) to be placed side by
Img 1 Img 2
Cap 1 Cap 2

I have managed to do this in IE, but in other browsers (Firefox, Opera,
Mozilla) the captions either wind up run together or appear one below the other
under the left image. Something like:

Img 1 Img 2
Cap1Cap2

or

Img 1 Img2
Cap1
Cap2

The site supports the courses I teach, and having images side by side makes
things easier for students. A table is one solution, but the remainder of the
site is laid out using CSS and I?d like to find away around using tables. Using
layers is difficult because page lengths change as content is added during a
course.

Thanks for any and all suggestions!

Kindler Chase replied to elbows2 on 18 Jul 2004

<snip>

Personally, I think tables are just fine for image galleries. An
alternative to a table would be to use floated div's. Here's an article
that'll help out:
http://www.alistapart.com/articles/practicalcss/

elbows2 replied to Kindler Chase on 19 Jul 2004

My thanks for the reference to a very helpful article -- and for confirmation that my lurking suspicion regarding the continued usefulness of tables was not altogether misplaced.

Archived message: CSS Layout for Images & Captions (Macromedia Dreamweaver Web Design)