lining up photo's in css columns

In article <1j3gtpk.1m7r0oubw4ry8N%j1 (AT) macunlimited (DOT) net>,
j1 (AT) macunlimited (DOT) net (j) wrote:

dorayme <doraymeRidThis (AT) optusnet (DOT) com.au> wrote:

In article <1j3gpoo.1n8envioqcmewN%j1 (AT) macunlimited (DOT) net>,
j1 (AT) macunlimited (DOT) net (j) wrote:
....
Continuing my experiments, I've removed the dimensions from the img tag
and specified the width of the img to be 98% of the container div in the
stylesheet. No height is specified. Image degradation aside, is this a
better way to do it?

http://tinyurl.com/nzvr2k

Well, you did mention the drawback yourself. I would not be happy on a
page of thumbnails to put image degradation aside.

Except some browsers such as Firefox give you no choice and will enlarge
both image and text. My question was more about the reliability of the
code.

I have read the subsequent posts following this, so won't comment about
zooming... About reliability. Depends on what is meant. It seems a shame
to me that in this URL you allow the boxes to wrap but fail to take
advantage of the inherent capability of this sort of design to break
away from what a table can do for users who are happy to have wide
browsers. You might consider removing elinmits on the number that are
allowed horizontally.

There is no need, btw, to class so many DIVs as "landscape". You can do
it in one hit in the CSS:

#thumbnav div {... here put in all the rules for .landscape ...}

and get rid of the class="landscape" from all the DIVs so marked.

<http://tinyurl.com/2jcs5r> shows this method.

--
dorayme

dorayme <doraymeRidThis (AT) optusnet (DOT) com.au> wrote:

You might consider removing elinmits on the number that are
allowed horizontally.

There is no need, btw, to class so many DIVs as "landscape". You can do
it in one hit in the CSS:

Thanks for your comments.

dorayme <doraymeRidThis (AT) optusnet (DOT) com.au> wrote:

I have read the subsequent posts following this, so won't comment about
zooming... About reliability. Depends on what is meant. It seems a shame
to me that in this URL you allow the boxes to wrap but fail to take
advantage of the inherent capability of this sort of design to break
away from what a table can do for users who are happy to have wide
browsers. You might consider removing elinmits on the number that are
allowed horizontally.

There is no need, btw, to class so many DIVs as "landscape". You can do
it in one hit in the CSS:

#thumbnav div {... here put in all the rules for .landscape ...}

and get rid of the class="landscape" from all the DIVs so marked.

http://tinyurl.com/2jcs5r> shows this method.

The div classes were left from a previous experiment which had boxes
with a number of different styles. With just one style, using #thumbnav
div is more economical.

I take your point on the fixed width. The OP for some reason wanted a
limited number of columns, hence the width limit, but I agree, it would
be better to be more flexible.

Thanks for your comments.

I posted the wrong file and why errors. No idea why the menu was
wrapping. I use 8xp due space issue and that was change before I did
the makeover.

I have revamp the whole page to this one:
http://transit.davidfisher.biz/ttc/construction/stclairrow/2010/Document3test.html.

I had to change it as the menu is going to be more than 30 pages and
looking to be over 50 at the rate I am going. I'm only up to the first
week in June for page 27 and I know I have a couple 100's to post to
get up to date.

I done away with the columns for the photo and it will float to fit
the size of the screen. On 24'' monitor I get 3 at 1024 x 780 and 9 at
1920 x 1080 in a row

I chose page 3 as a tester since it has the most text so far. This is
what it looks like as the old way
http://transit.davidfisher.biz/ttc/construction/stclairrow/2009/2009phaseII-3.html
The links work for the other pages

It will not validate in css under landscape.

I could reduce the width of the inline box.

I have my work cut out revamping the 27 pages in this section and redo
other section if this pass.

Any other suggestion is welcome.