forum.coppermine-gallery.net

Support => cpg1.5.x Support => cpg1.5 themes (visuals) => Topic started by: grimez on November 05, 2016, 08:58:08 pm

Title: thumbnails (div) with different sizes
Post by: grimez on November 05, 2016, 08:58:08 pm

hi guys.

I'm having a problem with my custom theme.

When I put it to show 6 thumbnails the first thumbnail gets bigger than the other
print: http://prntscr.com/d3ipwp


My css from thumbnails is simple.

.thumbnails {
Padding: 20px 0px;
Background: rgba (0,0,0,0,1);
Position: relative;
Overflow: hidden;
}

someone can hlp me?

Title: Re: thumbnails (div) with different sizes
Post by: grimez on November 05, 2016, 08:59:43 pm

And that happens even with the Curve theme.

Title: Re: thumbnails (div) with different sizes
Post by: ron4mac on November 06, 2016, 01:28:59 pm

This behavior is usually the result of using percentages as widths. A thumbnail row with 5 images works out nicely with 20%_20%_20%_20%_20%. But 6 doesn't divide into 100 evenly, so you end up with something like 17%_17%_17%_17%_17%_17%. That generally causes all but one to be evenly displayed. One method to overcome the situation is to use "width:auto" instead of "width:17%".

Also see this thread: http://forum.coppermine-gallery.net/index.php/topic,78874.msg382429.html#msg382429