Not signed in (Sign In)

Vanilla 1.1.10 is a product of Lussumo. More Information: Documentation, Community Support.

General Support: Layout broken if thumbnails not square

Bottom of Page

1 to 6 of 6

  1.  
    • CommentAuthormrzippy
    • CommentTimeFeb 11th 2010
     
    The HTML list that thumbnails are displayed in does not work if the thumbs are not square.

    The issue seems to arise if some images are portrait and others landscape.

    Example is here:
    http://zippysphotos.com/the-gallery/the-seaside/
    • CommentAuthormrzippy
    • CommentTimeFeb 11th 2010
     
    I had a quick think on this issue and changes need to be made to the templates.

    The line that the images appear on can't be variable height if containing images in a HTML list.

    Or only square thumbs can be allowed.
    • CommentAuthormrzippy
    • CommentTimeFeb 16th 2010
     
    I have fixed this in the default theme, code changes below.

    I will submit this to trac too.

    /plog-content/themes/default/gallery.css

    CSS changes:

    .slides li
    ----------
    display: inline; (from block)
    remove float: left;

    .tag
    -----
    add display: inline-block;
    add vertical-align: top;
    • CommentAuthormrzippy
    • CommentTimeFeb 16th 2010
     
    Hold that thought...

    The above works in Safari / Firefox / IE8 but NOT in IE6/IE7

    I am looking into this.
    • CommentAuthormrzippy
    • CommentTimeFeb 18th 2010 edited
     
    I have created a test gallery to illustrate this issue, I can't believe no-one else uses rectangular thumbnails.

    http://mrzippy.org.uk/sarah/

    Resize the browser window and you will see the issue.

    I have tested and Safari / Firefox / IE6 / IE8 and all display the same issue.
    •  
      CommentAuthorsidtheduck
    • CommentTimeFeb 18th 2010
     
    mrzippy,

    I understand your issue. I posted some possible solutions to test on the Trac ticket

1 to 6 of 6

  1.