>John Protasiewicz wrote:
>>Does anyone have any suggestions/comments for me regarding the design of
>It goes crazy on font-zoom in IE.
With David's suggestions the font-size will be better. I've an addition
It's not only the font-size itself making it worse when enlarging. The
distance between the gallery-rows is growing when the fontsize is
bigger, as well in IE as in FF. Reason is the height of the
gallerypost-class in em: with 9em it's growing fast!
See screenshot 1
To avoid increasing of the distance, you could set (for instance) the
height of the h2-line in this class on 2.5em (then there is enough space
for a double line if firmly enlarged fontsize). With a small padding-top
of the items, the whole 9em can be omitted.
See screenshot 2
I'm a bit concerned about the visits of visitors with a telephone modem.
The images ask about 200kB, that is (with a fast modem of 56kbps) about
40 seconds before every page is on screen.
See Page speed report
My phantasy tells me this visitors will not be eager to click on the
"next page" link ...
What you could do:
- Supposing you are adding new sites/thumbs in the end of the last
(incomplete) page with thumbs, you can combine the images of the
complete pages before in one smaller total-jpg each page, loaded as
background-img and (multiple) css-positioned to add the text-lines.
More or less like a css-hover img-combination
- Split up the thumb-pages in more pages with less thumbs (say 9) on it.
Then the thumbs can be some bigger to give a better impression of the
site design of the thumbs. And: the about 30 thumbs on 1 page is too
much information to make a decision where to go on. - The first thing
the majority of web-visitors is thinking when they see a page for the
first time is "where can I click for a next page?" - I guess visitors
will stay longer, if they can make quick repeated decisions "this not, I
click to the next", instead of making "boring scrolls" and getting too
See imaginary screenshot 3
It's a bit going over to usability talk, I stop!- I hope I've put enough
css in this reply to stay tolerated at the list. ;-)
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/