Hello, I'm hoping for your indulgence once again.
On the page at http://www.maireadnesbitt.com/_bruce/news/tinkerbellnew.html, I have three groups of photos. Please don't let the borders disturb you - they are merely a construction aid and will be removed. The first group is displayed as I wish. The photos are displayed side-by-side if the window is wide enough. As the width is decreased, they move under one another, forming a column. As the width is further decreased, the images are scaled down by the browser as needed. I can't do the same with the second and third groups, in which the photos have captions. The photos are displayed one below the other, even when there is ample room for side-by-side display. I hope someone can see immediately what I'm doing wrong. For the paragraph <p>second batch, part 1 <div><img src="/photo/tinkerbell/Dom.jpg" alt="Tinkerbell recordings Dom" /><br />Dom</div> <div><img src="/photo/tinkerbell/RichBrendan.jpg" alt="Tinkerbell recordings Rich and Brendan" /><br />Rich and Brendan</div></p> a red border is specified. But the red border is shown only around the text and does not include the two images. I'm puzzled and would appreciate any assistance at this point. Bruce ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
