[thelist] td and wrapping lots of images

[Shirley Kaiser, SKDesigns]

At 01:31 PM 01/22/2002, matt g. typed:
>At issue: I have a bunch of images in a large liquid table cell (95%). i
>would like the line of images to automatically break when 'appropriate',
>*without* having space between the images.
>
>The following fills the space on some browsers, but others just make the
>table as wide as the content, without any 'automatic' line breaks:
>     <table width="95%">
>         <td>
>             <img><img><img><img><img><img>
>         </td>
>     </table>
>
>This fills the space on all browsers, but leaves space in-between the
>images:
>     <table width="95%">
>         <td>
>             <img>
>             <img>
>             <img>
>             <img>
>             <img>
>             <img>
>         </td>
>     </table>
>
>Is there a way to achieve both goals here?

I'm also guessing that you have a typo by leaving out the <tr> in your 
sample above and that you've included it within your page, correct?

I would have thought that adding the carriage return would also do quirky 
things in certain browsers (such as NN4.x, for example).

I'm also wondering if you really need to use a table to surround those 
images and could instead do this with CSS and divs instead.

Without seeing the details of your image widths, for example, or knowing 
how this fits in with your page I don't know the context of what you're 
doing here and can thus only make generic suggestions. I've had different 
results depending on factors such as image sizes, layout, etc.

I agree with Ben's comment about specifying a specific width for the table 
cell, as that's generally the answer for eliminating the gap. BUT then it 
may permanently wrap that image or hold the width open for a horizontal 
scroll depending on the browser width.... and you're specifically wanting 
it to wrap 'when appropriate.'

Did you try <td valign="left"> for the table cell with the images? Well, 
that may not alleviate it for all browsers either....

Care to share a URL?

Warmly,
Shirley

-- 
Shirley E. Kaiser, M.A.
SKDesigns  mailto:skaiser at skdesigns.com
Website Design, Development  http://www.skdesigns.com/
Pianist, Composer  http://www.shirleykaiser.com/
Brainstorms and Raves http://www.brainstormsandraves.com/