Odd Tag-Wiki Display Issue w/ the Example Posts

[GoogleCodeExporter]

The title is a tad confusing, I know. Basically, when you create a wiki page 
for a tag, you know all those images that show on the bottom of the page? You 
know, the sample of 8 or so images that all have that page's tag on them? Well 
they behave...oddly.

Looking at some semi-popular tags of my install (100+ uses), some of them only 
have 5 images in the row, others have 7, another has 8. In most of the pages, 
the images are all on one row, but in one of them, one image couldn't fit on 
the first row, and was placed BELOW the rest. Example of that last bit in the 
image below, once again censored.

So, this "error" is two-fold, both likely related.

Why does the number of example posts change from page to page?

+

Why are some page's example posts not all on one row?

Centos 6.5 / PHP 5.4.16 / Nginx 1.0.15 / mysql Ver 14.14 Distrib 5.5.31
Booru Version: 1.0.5 w/ public_6

Original issue reported on code.google.com by Grandmas...@gmail.com on 4 Sep 2013 at 1:49

Attachments:

• pxsgx8A.png

[GoogleCodeExporter]

A max of 8 posts are grabbed to be shown as examples, and then they are 
validated according to config. But by default, only posts that are deleted 
aren't shown, so _perhaps_ that's the reason.

Why aren't them all shown in a single row? Well, that's how HTML works. You 
said it yourself, the image couldn't fix, so it had to be moved down.

Original comment by asterixvader on 15 Sep 2013 at 6:44

[GoogleCodeExporter]

I figured that was the case, about the row thing. Any particular thing you 
could change (or maybe I could, in the CSS or config, that I'm not noticing) to 
allow all the images be on one row? I mean, even if it's just reducing the max 
sample count by one, which should make it so you'll never get a second row.

Original comment by Grandmas...@gmail.com on 16 Sep 2013 at 4:38

[GoogleCodeExporter]

I can think of some ways to *always* show them in a single row (even if the 
user resizes-down their browser window).

One would be placing the UL tag that holds the images within a DIV with 
style="overflow-x:auto;height:215px;", and giving the UL a width of 1300px. A 
scrollbar will show if the screen size is not big enough to hold all the images 
in a row. The thing is that the bar will show anyway even if there are only 3 
images. Javascript could take care of this.

The previous method would be simplier if you just gave the UL a width of 
1300px, except that this only works nicely on Chrome.

A third method would be to use JS and zoom out the UL according to the window's 
width. But if the window's width is too small, the images would be also very 
small, and hard to see.

Original comment by asterixvader on 16 Sep 2013 at 3:22

• Added labels: Type-Other
• Removed labels: Type-Defect

[GoogleCodeExporter]

Hm...I see...
Well, thanks for the help. :)

Original comment by Grandmas...@gmail.com on 17 Sep 2013 at 3:54

[GoogleCodeExporter]

You're welcome~ Thanks to you too.

Original comment by asterixvader on 17 Sep 2013 at 2:33

• Changed state: Done