Plogger Support Forum - [Resolved] Need help to close gap in photo Thu, 28 Mar 2024 18:55:06 +0000 http://www.plogger.org/forum/ Lussumo Vanilla 1.1.10 [Resolved] Need help to close gap in photo http://www.plogger.org/forum/comments.php?DiscussionID=2762&Focus=10939#Comment_10939 http://www.plogger.org/forum/comments.php?DiscussionID=2762&Focus=10939#Comment_10939 Sun, 21 Jun 2009 01:14:35 +0000 andrewjs18
]]>
[Resolved] Need help to close gap in photo http://www.plogger.org/forum/comments.php?DiscussionID=2762&Focus=10948#Comment_10948 http://www.plogger.org/forum/comments.php?DiscussionID=2762&Focus=10948#Comment_10948 Mon, 22 Jun 2009 11:29:43 +0000 sidtheduck
I would recommend downloading Firefox as a browser (if you aren't already) and installing the Firebug plug-in (or other web developer toolbars). This allows you to click the "Inspect" tool and hover over spaces like these to determine what HTML entity this is and the CSS rules showing padding, margin, height, etc. that could be causing the issue. If you post a link to your site instead of a screenshot, I can look with my installation of Firefox/Firebug and let you know which CSS rules are causing this.]]>
[Resolved] Need help to close gap in photo http://www.plogger.org/forum/comments.php?DiscussionID=2762&Focus=10957#Comment_10957 http://www.plogger.org/forum/comments.php?DiscussionID=2762&Focus=10957#Comment_10957 Tue, 23 Jun 2009 00:01:45 +0000 andrewjs18
Here's the link:
http://www.gallery.ugly-cars.com/

after using firebug, it looks like the gap is in gallery.css for the following code:
#caption-date-table
#prev-next-table

but if I change the margin to 0 and put the padding to 0, it just adjusts the next/previous buttons, not close the gap.]]>
[Resolved] Need help to close gap in photo http://www.plogger.org/forum/comments.php?DiscussionID=2762&Focus=10992#Comment_10992 http://www.plogger.org/forum/comments.php?DiscussionID=2762&Focus=10992#Comment_10992 Thu, 02 Jul 2009 14:52:04 +0000 andrewjs18 [Resolved] Need help to close gap in photo http://www.plogger.org/forum/comments.php?DiscussionID=2762&Focus=11007#Comment_11007 http://www.plogger.org/forum/comments.php?DiscussionID=2762&Focus=11007#Comment_11007 Sat, 04 Jul 2009 20:45:52 +0000 kimparsell andrewjs18: The gap is caused by the html code remaining in the theme that is used for displaying the caption and date above the prev/next links.

Apparently you aren't using either of those, but you did not remove the table that was used to display the data, and the table is what's causing the gap.

Open picture.php and remove the following lines (should be lines 18-23):

<table id="caption-date-table">
<tr>
<td><h2 id="picture-caption"><?php echo plogger_get_picture_caption(); ?></h2></td>
<td class="align-right"><h2 class="date"><?php echo plogger_get_picture_date()?></h2></td>
</tr>
</table><!-- /caption-date-table -->

You'll also need to edit the gallery.css file for that theme and copy/paste the following code, replacing the existing code (lines 176-179):

#caption-date-table, #prev-next-table { /* containers for the caption, date and prev/next links above the large image in picture view */
width: 600px;
margin: 10px auto 5px;
}

This will even out the gap between the horizontal line and the prev/next links.

After making the changes, save both files and reupload them to your server.

Please let us know if this resolves the issue for you.]]>
[Resolved] Need help to close gap in photo http://www.plogger.org/forum/comments.php?DiscussionID=2762&Focus=11011#Comment_11011 http://www.plogger.org/forum/comments.php?DiscussionID=2762&Focus=11011#Comment_11011 Sun, 05 Jul 2009 01:14:04 +0000 andrewjs18 Posted By: kimparsellandrewjs18:The gap is caused by the html code remaining in the theme that is used for displaying the caption and date above the prev/next links.

Apparently you aren't using either of those, but you did not remove the table that was used to display the data, and the table is what's causing the gap.

Open picture.php and remove the following lines (should be lines 18-23):

<table id="caption-date-table">
<tr>
<td><h2 id="picture-caption"><?php echo plogger_get_picture_caption(); ?></h2></td>
<td class="align-right"><h2 class="date"><?php echo plogger_get_picture_date()?></h2></td>
</tr>
</table><!-- /caption-date-table -->

You'll also need to edit the gallery.css file for that theme and copy/paste the following code, replacing the existing code (lines 176-179):

#caption-date-table, #prev-next-table { /* containers for the caption, date and prev/next links above the large image in picture view */
width: 600px;
margin: 10px auto 5px;
}

This will even out the gap between the horizontal line and the prev/next links.

After making the changes, save both files and reupload them to your server.

Please let us know if this resolves the issue for you.

yep, it did!

Thanks a bunch!]]>
[Resolved] Need help to close gap in photo http://www.plogger.org/forum/comments.php?DiscussionID=2762&Focus=11013#Comment_11013 http://www.plogger.org/forum/comments.php?DiscussionID=2762&Focus=11013#Comment_11013 Sun, 05 Jul 2009 06:32:21 +0000 kimparsell