Hello, First of all this is my very first post here, so please forgive me for possibly being off on something. I got a CSS layout question in regards to wrapping of nested DIV elements. How can I make sure that a set of images each placed in a DIV element wraps inside of a parent DIV like those images would without a div around them? The reason I want to wrap each image in a div is because I would like to have description under each one of the images. Maybe there's another way of adding image descriptions without having to use tables. Please enlighten me if that's the case.
Below is the code in its simplest form, plus you can go to http://www.p1x44r.com/journal/view.php?id=imstillalive <http://www.p1x44r.com/journal/view.php?id=imstillalive> to view the original. The code below is by no means final as I keep playing with it, I just pasted what I had there at the moment. <div class="imagebucket"> <div class="imageholder"><img class="image" src="/images/content/imstillalive/thumb_1.jpg" /><br/>I would like image description to go in here.</div> <div class="imageholder"><img class="image" src="/images/content/imstillalive/thumb_2.jpg" /><br/>I would like image description to go in here.</div> <div class="imageholder"><img class="image" src="/images/content/imstillalive/thumb_3.jpg" /><br/>I would like image description to go in here.</div> <div class="imageholder"><img class="image" src="/images/content/imstillalive/thumb_4.jpg" /><br/>I would like image description to go in here.</div> <div class="imageholder"><img class="image" src="/images/content/imstillalive/thumb_5.jpg" /><br/>I would like image description to go in here.</div> </div> Here's CSS for all those classes. .imagebucket { background-color:#EFECDF; padding:10px 10px 10px 10px; text-align:center; margin-left:auto; margin-right:auto; } .imageholder { display:table-cell; width:200px; background-color:#FFFFFF; border:1px solid #A8A391; padding:4px 4px 4px 4px; margin:5px 5px 5px 5px; } .image { border:1px solid #A8A391; padding:1px 1px 1px 1px; cursor:pointer; margin:5px 7px 5px 7px; } Thanks much for your help, it is greatly appreciated! -- Vitali Doudko Programmer-Analyst Smartbox Equipment Inc. 4150 St. Catherine Street West, Suite 200 Westmount, Quebec, Canada, H3Z 0A1 Tel: (514) 398-9355 x204 Fax: (514) 398-9172 E-mail: [EMAIL PROTECTED] ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
