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

News:

CPG Release 1.6.29
During HTML5 upload, keep pseudo blank code 200 messages from triggering error condition
added Russian language
correct failure to use theme menu icons in album manager
minor vulnerabilities mitigation

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