Not signed in (Sign In)

Vanilla 1.1.10 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthort33johnson
    • CommentTimeSep 16th 2010
     
    I am trying to figure out what is causing the image spacing on my website. It only happens on the plogger installed page.

    http://horsin-around.us.previewdns.com/Photos/

    Also it only seems to effect the table rows with php includes.

    I looked through the forums and default gallery.css for possible reasons for this but am having trouble pin pointing it.

    Any help would be great.

    Thanks
    • CommentAuthorboblennon
    • CommentTimeSep 17th 2010
     
    Having a hard time viewing your website formatting problem and don't want to make up a website on your server or change
    domain name servers.

    <p style="text-align:center"><img src="http://memorytrails.org/Horsing.jpg" alt="Horse Broke" /></p>
    • CommentAuthort33johnson
    • CommentTimeSep 17th 2010
     
    If you just close that window you can view it normally. I am still in the process of creating it and that message comes up as a warning until I point the domain and go live.
    Thanks
    • CommentAuthorboblennon
    • CommentTimeSep 17th 2010
     
    Exactly what is the problem with the image spacing? The thumbnails line up well and flow across the pages. The medium and large enlargements seem to behave as expected.

    <p style="text-align:center"><img src="http://memorytrails.org/Horses.jpg" alt="Gena Warrington" /></p>
    • CommentAuthort33johnson
    • CommentTimeSep 17th 2010
     
    Its not in the plogger gallery, it has caused my other images, like the header and navigation to have a pad or margin. Maybe it isn't effecting all browsers. I am currently in Firefox on a mac. The footer and header all have a bottom margin or pad showing white and spacing the slices.
    • CommentAuthorboblennon
    • CommentTimeSep 17th 2010
     
    The header, navigation, body and footers appear OK in latest versions of Firefox, IE, Opera and Google Chrome on the Windows platform.

    <img src="http://memorytrails.org/HorsePage.jpg" alt="Plogger Front Page" />
    • CommentAuthort33johnson
    • CommentTimeSep 17th 2010
     
    Its in that image, you see those two white lines going across the top left logo It also happens on the footer. That is where the image slices are. It appears to happen on any image, but only on the plogger page. I have tried changing the css for both tables, td and images to have 0px pad and margin. But that did not help. I can't seem to figure it out. Also seems to only add space to the bottom of the image.
    • CommentAuthorboblennon
    • CommentTimeSep 17th 2010
     
    Unfortunately, I cannot reproduce your development environment to get down to the details of your whitespace/padding/margin problem, but it appears to me that the main.css script may be problematic.

    You might get a better clue as to whats going on if you move the link to main.css in index.php so that it appears before ploggers default gallery.css and does not override the plogger default.

    Also, and while I do not know what effect it might have, there is an illegal HTML close comment (-->) embedded in your main.css code at line 22.
    • CommentAuthort33johnson
    • CommentTimeSep 17th 2010
     
    Thanks for your help. I will try that.
    • CommentAuthort33johnson
    • CommentTimeSep 17th 2010
     
    Your comment got me thinking and I removed the link to the main.css file completely and uploaded this:

    http://horsin-around.us.previewdns.com/Photos/index-no-css.php

    As you can see, it still has the issue, so "gallery.css" must be the issue unless there is another css file plogger refers to.

    Thanks,
    Travis
    • CommentAuthort33johnson
    • CommentTimeSep 17th 2010
     
    Found a work around, almost.

    Used an inline style for background image on the tables, but still can't get one image to cooperate. It still wants to pad the image

    Here is that version.

    http://horsin-around.us.previewdns.com/Photos/index2.php
    • CommentAuthorboblennon
    • CommentTimeSep 17th 2010 edited
     
    Well done Travis - another beautiful theory destroyed by an ugly fact!

    Unfortunately I've got to be away for the weekend. Will get back on Monday.
    • CommentAuthort33johnson
    • CommentTimeSep 17th 2010
     
    Thanks, have a good one.
    • CommentAuthorboblennon
    • CommentTimeSep 20th 2010
     
    Hello Travis,

    Your flexibility in holding up our discussions on this issue over the weekend is truly appreciated.

    It gave me the time, after getting back, to review the underlying code that was associated with this problem in as much detail as the current browser security would allow.

    Unfortunately, that was not enough for me to pin-point the problem, for a number of reasons.

    At the top of the list is the problem that I see in your using HTML table structures to make up your website page layouts and, at the same time, using a CSS environment to enhance (or override) the presentations that the table required for it's idea of how the element should be presented.

    I think that the table structures that are available in HTML were meant to display tabular data. Furthermore I believe that CSS cannot improve on this early HTML implementation of displaying tabular data. But I also believe in the current wisdom that CSS is intended to separate the presentation from the content.

    If this is true, then I don't think it is in your best interest to present a web page layout in terms of a table structure, especially where vertical presentation elements are involved. That would not only result in an inflexible web page presentation, but will, almost certainly, result in incompatible presentations on the internet, especially in terms of the vertical spacing differences between table and CSS text presentations in html.

    You might also find the recent W3C view about the table layouts useful: http://www.w3.org/TR/REC-html40/struct/objects.html#adef-align-IMG
    • CommentAuthort33johnson
    • CommentTimeSep 20th 2010
     
    Thanks for your input. I don't really want to recreate this in css but I may have to.
    Thanks
    • CommentAuthorboblennon
    • CommentTimeSep 20th 2010
     
    My apologies for venting about the display problems you are experiencing. The rationalization was the result of being frustrated about not being able to reproduce this problem outside of your environment.

    The fact that this problem works everywhere else outside of a plogger page is good reason not to change those things that work.

    I can only suggest that you override the deprecated table vertical positioning elements with an in-line CSS style and adjust the vertical positioning. This will allow you a much more complete control of the logo pieces since you can impose negative margins and even invoke absolute positioning.
    • CommentAuthort33johnson
    • CommentTimeSep 21st 2010
     
    No worries, debugging code gets me frustrated also.

    I found a work around solution without much hassle and did not have to recreated the page in css. Used inline styles for background images within the table and merged a couple cells.
    I have not tested it over multiple browsers and OS's yet but will do that soon.

    Thanks for your input, it helped me work through a solution.