General Support: Strange spacing between album name and number of photos on viewing album categories?

Hi all,

I am having a very strange issue when I have a row of 4 available albums within a collection category. The Collection listing and the thumbnail listing within an album does NOT have this issue, but yet when looking at the albums listing, boom it's there.

Example:

http://www.mytoycollection.com/gallery/index.php?level=collection&id=2

Yet if I delete the 4th album, it all aligns properly.

I have already deleted the fourth entry and re-entered it and it does the same thing. If I add a 5th item and it starts a second row, it's still messed up. I have changed all the album names to 1 letter names and it's still doing it.

This is a page in progress so I am still cleaning up the code from my mods, but it boggles my mind why the collections view and thumbnails list works fine, yet the albums view is messed up.

Been at this for 2 days :( Please Help!

Dan (aka Faken)

*EDIT - Here's another collection category with 5 albums in it that I just set up. You can see it happening here too:

http://www.mytoycollection.com/gallery/index.php?level=collection&id=3

*** EDIT AGAIN - I just had a friend of mine look over the source code and he found the issue right away, but not the resolution. He says there is a problem with the PHP output on the generated page for the album listing that is not on the thumbnail listing or the collection listing. Basically the PHP is outputting a bunch of spaces between the tags that is messing things up. He thought I should mention this to help you guys out. Personally, I'm totally confused lol!

This is not the PHP, it's the CSS.

Remove this line:
"margin:0 10px 10px 0;"
from the .slides li rule. This removes the side margins from the thumbnails and allows the extra photo on the line.

I think that's what you mean. If not, reply, and I'll see if I can't figure out what you mean.

Regards,
Derek

Well, in your first example link (above), there is no element named "search_box". An element has to be given a name or class in the XHTML before it can be styled with CSS.

However, as I mentioned before, one of the difficults with Plogger is the inline CSS. However, if you find in the PHP where it generates this block:
<td style="text-align: right; vertical-align: bottom;">
<form action="/gallery/index.php" method="get"><input type="hidden" name="PHPSESSID" value="6e4bd905ba1af7916591f0cabe3729c7" />
<input type="hidden" name="level" value="search" />
<input type="text" name="searchterms" />
<input class="submit" type="submit" value="Search" />
</form></td>

And change the text-align property to "left", that should do it.

Regards,
Derek

Hi Derek,

Thanks so much for you help bud! I wasn't able to find what is declaring that alignment, but I aprpeciate all your help nonetheless. Much aprpeciated sir!

Dan