Not signed in (Sign In)

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

General Support: Thumbnails displaying vertically only in IE6 and 7

Bottom of Page

1 to 2 of 2

  1.  
    • CommentAuthorkanjigirl
    • CommentTimeAug 27th 2007
     
    I'm not sure when this started happening but I was nearly at the end of the Plogger customization. You can see that the thumbs are floating left as they're supposed to in FF, Opera, Netscape... but in IE they're displaying in one vertical column.

    http://www.parallaxwebdesign.com/projects/suzy/plogger/index.php?level=album&id=1

    I'm not sure what to fix, as I've got the thumbnails displaying as blocks and floating left in the CSS. Help?

    Debbie
    • CommentAuthorjammindice
    • CommentTimeAug 28th 2007
     
    I am far from being a css wizard but it does look like you may want to change the display: block; in the below rule to display: inline;

    from w3cscools.com:
    block - The element will be displayed as a block-level element, with a line break before and after the element
    inline - The element will be displayed as an inline element, with no line break before or after the element

    .slides li {
    display: block;
    float: left;
    margin: 0 10px 10px 8px;
    padding: 0;
    width: auto;
    height: auto;
    }

    your .thumbnail also has a display: block; that might need to be changed too? maybe even taking out the display might work?

1 to 2 of 2

  1.