On 3/27/14, 7:19 AM, Colin (Sandy) Pittendrigh wrote:
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
[...]
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?
Not too sure what you are aiming at, but try this:
- Take the "float:left" out of the <h3> above the gallery, allowing it to occupy
the full width
- Take the "float:left" and "min-height:3em" out of p.robonav, replacing them
with "display:inline-block"
- You may like to add "vertical-align:middle" or "vertical-align:top" to
p.robonav as well.
Does this give you anything closer to what you want?
--
Cordially,
David
______________________________________________________________________
css-discuss [[email protected]]
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/
