thumbnails (div) with different sizes thumbnails (div) with different sizes
 

News:

CPG Release 1.6.27
change DB IP storage fields to accommodate IPv6 addresses
remove use of E_STRICT (PHP 8.4 deprecated)
update README to reflect new website
align code with new .com CPG website
correct deprecation in captcha

Main Menu

thumbnails (div) with different sizes

Started by grimez, November 05, 2016, 08:58:08 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

grimez

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?

grimez

And that happens even with the Curve theme.

ron4mac

#2
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