Styling image gallery - strange order of display - Front- & Back-End Development - Front- & Back-End Development - Progress Community
 Front- & Back-End Development

Styling image gallery - strange order of display

  • Styling image gallery - strange order of display
  • After reordering image I ended up with a strange display

    spiritofhair.ch.mserver2.arvixevps.com/.../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;
  • 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