+1-888-365-2779
Try Now
More in this section

Forums / Designing & Styling / Styling image gallery - strange order of display

Styling image gallery - strange order of display

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