PDA

View Full Version : Image Thumbnail Viewer II Vertical Centering Problem



buvwon
03-07-2006, 09:36 PM
Script: Image Thumbnail Viewer II
http://www.dynamicdrive.com/dynamicindex4/thumbnail2.htm

Hi,

Here is the url of my efforts for reference: http://www.deanamason.com/2006/picpage10.htm
Couple things...

1. How can I get the images to appear vertically centered inside of the dynloadarea rather than at the top? I looked around on this forum... looks like there was a center function on the first version of Image Thumbnail Viewer but not this one? Is that right?

2. Is this the best script for what I am trying to do here? Does anyone have any suggestions on how to do this better, cleaner, easier, more integrated with Dreamweaver, etc?

Thanks so much!

jscheuer1
03-08-2006, 06:41 AM
Replace:


<td colspan="2" rowspan="2" align="center" valign="middle"><div id="dynloadarea" style="width:357px;height:357px"></div></td>

with:


<td id="dynloadarea" style="width:357px!important;width:100%;height:357px!important;height:100%;" colspan="2" rowspan="2" align="center" valign="middle"></td>

Notes: Out of Opera, IE and FF, the '!important;' hack was required only for Opera (IE and FF were both fine with 100% dimensions, Opera made the cell real big though). The max-width and max-height properties should be used instead but, they didn't work.

buvwon
03-08-2006, 04:23 PM
John, you are such the man!

Thank you... I don't even really understand why that fixes it and I NEVER would have come up with that "!important" stuff on my own... but thanks so much for the help. It's perfect now!
:D

shackleton
03-29-2010, 05:59 PM
Yeah JS, you are SO THE MAN, man. I was having that same valign problem and without this thread I would have pulled the rest of my hair out. Your initials are apt, is all I can say.