Results 1 to 4 of 4

Thread: Image Thumbnail Viewer II Vertical Centering Problem

  1. #1
    Join Date
    Mar 2006
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Image Thumbnail Viewer II Vertical Centering Problem

    Script: Image Thumbnail Viewer II
    http://www.dynamicdrive.com/dynamici...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!

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Replace:

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

    HTML Code:
    <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.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Mar 2006
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Talking

    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!

  4. #4
    Join Date
    Jan 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •