More in this section
Forums / Designing & Styling / Styling image gallery - strange order of display

Styling image gallery - strange order of display

The forums are in read-only mode. In case that you want to directly contact the Progress Sitefinity team use the support center. In our Google Plus group you can find more than one thousand Sitefinity developers discussing different topics. For the Stack Overflow threads don’t forget to use the “Sitefinity” tag.
2 posts, 0 answered
  1. Markus
    Markus avatar
    2763 posts
    Registered:
    25 Nov 2005
    15 Aug 2012
    Link to this post
    After reordering image I ended up with a strange display

    http://spiritofhair.ch.mserver2.arvixevps.com/der-salon/fotos 

    Any idea why this is happening?

    Markus

    /* Image Gallery */
     
    .sfimagesTmbList.sfLightboxMode {
        float: left;
        list-style: none outside none;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .sfimagesTmbList.sfTmbDetailsMode {
        float: left;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        width: 100%;
    }
     
    .sfimagesTmbList.sfTmbDetailsMode .sfimagesTmb {
        float: left;
        margin-right: 15px;
        margin-bottom:15px;
        position: relative;
    }
     
    .sfimagesTmbList.sfLightboxMode {
        list-style: none outside none;
    }
    .sfimagesTmbList.sfLightboxMode .sfimagesTmb {
        float: left;
        margin-right: 15px;
            margin-bottom:15px;
        position: relative;
    }
  2. Markus
    Markus avatar
    2763 posts
    Registered:
    25 Nov 2005
    15 Aug 2012
    Link to this post
    Sorry as soon as I posted I saw the reason.

    Different image hights. Fixed it by adding a min-height to 
    .sfimagesTmbList.sfLightboxMode .sfimagesTmb {
        float: left;
        margin-right: 15px;
            margin-bottom:15px;
        position: relative;
        min-height:95px;
    }

    Sorry. Admin you might delete this thread.

    Markus
2 posts, 0 answered