Thumbnail Display needs changing

[uk_martin]

Hi
Please see: http://www.ukmartin.com/gallery/  http://www.ukmartin.com/gallery/index.php?cat=6  and http://www.ukmartin.com/gallery/thumbnails.php?album=6

How, in the "index.php" and "displayimage.php" pages can I change:
1. the allignment of the thumbnails to valign="top" (instead of valign="middle")
2. In respect of the descriptive text, how do I change from centered to justified?

I have looked on the index and displaypage php pages as well as the theme.php page, but can't seem to find the controlling bits of code.

Help would be appreciated.

Thanks in advaxnce

Martin

[Gizmo]

Again, we remind you of the one question per post. Please respect this in the future if you want help. The reasoning is that it makes it easier to search the forum because your title might not be relevant to the 2nd or 3rd questions and since people will scan the titles of a search, they may miss important information if they are looking for answers to one of these questions. There are other reasons but this should be enough to follow the rules.

Answers:

1. They are already valign top.
2.

Code Select Expand

.thumb_caption {
        font-size: 9px;
        padding: 1px;
        display : block;
        text-align: justify
}

Also, upgrade your gallery to latest version.

[uk_martin]

Gizmo

Oops, sorry about the 2 questions

Thanks for the reply. In which file do I have to make the adjustment(s)? Is it the index.php and displayimage.php files or the template file?

Also when it comes to the valignment, I know that this is sad, but my target audience is going to be mainly Internet Explorer users, and in IE, the source code reads...

Code Select Expand


<!-- Start standard table -->

<table align="center" width="100%" cellspacing="1" cellpadding="0" class="maintable">

        <tr class="tableb_compact">
        <td width="50%" valign="top">
        <table width="100%" cellspacing="0" cellpadding="0">
        <tr>
                <td colspan="3" height="1" valign="top" class="tableh2">
                        <span class="alblink"><a href="thumbnails.php?album=5"><b>Speedway Grand Prix</b></a></span>
                </td>
        </tr>
        <tr>
                <td colspan="3">
                        <img src="images/spacer.gif" width="1" height="1" border="0" alt="" /><br />
                </td>
        </tr>
        <tr>
                <td align="center" [b]valign="middle" [/b] class="thumbnails">
                        <img src="images/spacer.gif" width="52" height="1" class="image" style="margin-top: 0px; margin-bottom: 0px; border: none;" alt="" /><br />
                        <a href="thumbnails.php?album=5" class="albums"><img src="albums/video/thumb_sgp.jpg" class="image" width="50" height="34" border="0" alt="sgp.wmv" /><br /></a>
                </td>
                <td>
                        <img src="images/spacer.gif" width="1" height="1" border="0" alt="" />
                </td>
                <td width="100%" valign="top" class="tableb_compact">
                        <p>Classic races from the Worlds premier tournament</p>
                        <p class="album_stat">1 files, last one added on Oct 31, 2006</p>
                </td>
        </tr>
        </table>

AS can be seen on my site, this is (in IE at least) producing thumbnails which are scattered all over the place. Where can this "middle" be edited?

Thanks

Martin

[uk_martin]

Urgh, that didn't make it very clear...here is the snippet from within that table...

<td align="center" valign="middle" class="thumbnails">
                        <img src="images/spacer.gif" width="52" height="1" class="image" style="margin-top: 0px; margin-bottom: 0px; border: none;" alt="" /><br />
                        <a href="thumbnails.php?album=5" class="albums"><img src="albums/video/thumb_sgp.jpg" class="image" width="50" height="34" border="0" alt="sgp.wmv" /><br /></a>
                </td>

Hope this illustrates things a bit better.

Martin

[Gizmo]

This goes into the style.css sheet. Replace what's there.

Code Select Expand

.thumb_caption {
        font-size: 9px;
        padding: 1px;
        display : block;
        text-align: justify
}

As for the thumbnail issue, there's a problem with the container that the menu sidebar is in which IE doesn't like. Check the screenshot. Nothing more can be done unless you zip up your theme and attach it here. I also suggest you check out this thread on tools to help edit themes and websites - http://forum.coppermine-gallery.net/index.php?topic=31423.0. Have you considered asking for paid help on the board? - http://forum.coppermine-gallery.net/index.php?board=30.0

[Gizmo]

I think I've found the problems but I'll need your theme to fix them. Attach it here as suggested in the previous post.

[uk_martin]

Thanks Gizmo

Theme zipped and attached herewith.

Martin

[uk_martin]

OK, I'm going to have a go at fixing the CSS file, and am attaching a screenshot of where the problems are that I can see in the current layout. Pictures paint a thousand words, so maybe this will help.

(https://coppermine-gallery.com/forum/proxy.php?request=http%3A%2F%2Fwww.ukmartin.com%2Fimages%2Fscreenshot.jpg&hash=690e518baac2e1d2b59b5fd3fcd7a34ff83565f4)

I assume that the container problem may have something to do with the other problem I posted about, concerning the display in admin mode? Anyway, I would like to thank you in advance for taking time out to help. Much appreciated.

Martin

[Gizmo]

Here it is. I fixed the tables and thumbnails.

[Farnsi]

@ Gizmo: could you tell me what you changed because i'm having the same problem with another style.
thank you!

[Gizmo]

Please don't hijack threads as it can cause a lot of confusion. You should start your own in the future.

Check out the theme.php file in the above attached zipped file. The code changes are for $template_album_list and $template_album_list_cat.

To fix the table issue, I wrapped the {ADMIN_MENU} in it's own table.

[Joachim Müller]

To see the changes between two files, simply use a diff viewer like Winmerge

[Farnsi]

sorry for that, i didn't mean to hijack anything.
Anyhow, thanks for your advice!

[uk_martin]

Gizmo

That's great! Thanks very much for your help.

Martin