[css-d] floating thumbnails

[Colin (Sandy) Pittendrigh]

The following link displays an HTML fragment taken from a (home-brewed)
content management system, stripped down to the relevant block area only:
<div id="main-gallery-disp"> ...stuff...</div>

The HTML:
http://fliesfliesflies.com/fragments/Gallery/ttest.html

The (stripped down)  CSS:
http://fliesfliesflies.com/css/rrobo.css

In the CSS the codes related to floated thumbnails is at the bottom of the
CSS file. Each thumbnail is enclosed in a paragraph element such as:

<p class="robonav"><a href=
        "
http://fliesfliesflies.com/index.php?page=Gallery/Pelicans-skies.jpg";>
        <img src="/fragments/Gallery/archive/thumbs/tn-Pelicans-skies.jpg"
alt=
        "Pelicans-skies.jpg" /></a></p>

In this "Gallery" page I'd like all thumbnails to float left around the
main display image without making odd, unpredictable white space areas on
the next line after a thumbnail runs off the right side of the display area.

In other words I'd like the thumbnails to float into an orderly table like
arrangement, controlled entirely by the browser, depending on current
viewport width.

is this possible with CSS only?

-- 
/*  Colin (Sandy) Pittendrigh  >--oO0> */
______________________________________________________________________
css-discuss [css-d@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/