Fork me on GitHub

Help with htmlpages 2.1 and PN 764  Bottom

  • Kind Postnuke community:

    I'm reaching out for some help and/or guidance - and I'll be satisfied with a blunt whack to the head if that's what it takes. Here's the situation:

    I've been successfully (and delightedly) running PostNuke for years - since the Rogue release, or perhaps even earlier. Regardless - trying to keep current, but not quite ready to jump to .8 yet...

    I upgraded my site to PN .7.6.4 - and that's when this 'problem' began. Quite simply put:

    All my 'static' content (as created and rendered with htmlpages 2.1) is now CENTERED.

    For a simple demonstration of this, you can see, for example, my 'geocaching' information page:

    http://www.gotwake.com/geocache

    I've scoured the support forums, and have seen some similar instances - ironically, in some cases, everything BUT htmlpages was centered. I thought, as was the case with some of these other threads I encountered - the problem MUST be with my theme, or one of the several CSS styles that are layered on at the PN, then module, level.

    I'm definitely NOT a web developer - more of an infrastructure guy - but I have at least a decent high-level understanding of CSS, and have even used some firefox plugins which simplify the examination/application of stylesheets - but I just cannot come up with the source of my problem.

    As Mark West has pointed out in several of these threads, the problem may be that of either compliance of existing styles, or the need to properly define additional sytles for certain elements.

    It's just very odd, and I can't track down a "center" tag anywhere. Still, convinced that my aged, hacked-on PN theme might be the culprit - I have switched through all of the shipped themes that come with 764, and even went out and purchased a Xanthia theme - with identical results.

    Again, any guidance, suggestions, links, or blunt force to the head that gets me focused in the right direction is MUCH appreciated. The problem only seems to appear within the htmlpages 2.1 module - at least, as near as I can tell. It definitely began when I upgraded from .726 to .764.

    Thanks in advance for any assistance,
    Billy
  • http://www.gotwake.com/index.php?module=htmlpages&func=display&pid=1&theme=ExtraLite < - - not centered

    Code

    <td width="100%" align="center" valign="top" bgcolor="#FFFFFF">
    <div class="htmlpages-printerlink">
    <a href="http://www.gotwake.com/index.php?module=htmlpages&func=display&pid=1&print=1">Printer friendly view</a>
    <a href="http://www.gotwake.com/index.php?module=htmlpages&func=display&pid=1&print=1"> <img src="/modules/htmlpages/pnimages/print.gif" alt="_PRINTFRIENDLY" title="" width="15" height="11"  /></a>
    </div>
    <h1>Geocaching</h1>
    <a href="http://www.geocaching.com/profile/?guid=b6ce51cf-0cc6-4363-abca-7c4ed317229e"><img src="http://www.geocaching.com/stats/img.aspx?txt=Cachin'+Fool:+Click+for+profile&uid=b6ce51cf-0cc6-4363-abca-7c4ed317229e&bg=2" align=center></a>
    Pronunciation: "jE-O-'kash-ing"
    <p>
    <i>Etymology</i><br>

    <b>GEO-</b>: - combining form


    Shot in the dark align center tag??? :)



    edited by: AmmoDump, Oct 11, 2007 - 08:02 PM

    --
    David Pahl
    Zikula Support Team
  • Thanks, AmmoDump. Somehow, in scanning the CSS sheets, and the resulting source, I seemed to miss that one (saw plenty of others, above menu blocks, etc). That would seem to explain why the following text is centered - but then, why is that center tag there? It's not in the actual HTML source which is entered into the htmlpages module - and, it seems this content is centered even when using a commercial Xanthia theme.

    However, per the link you provided - it appears to NOT be centered in the "ExtraLite" theme. I just can't figure out when this changed when I upgraded to .764. I'm still confident that it could be something wrong with my theme, and, perhaps, even the Xanthia theme I purchased - it's just odd how the behavior changed between PN versions.

    Anyone know if there's some 'classification' or data types that need to be defined? I'm trying to peel the union and understand the layers of CSS styles, and determine where, exactly, that 'center' tag is actually coming from.

    Thanks again for the help,
    Billy
  • It's difficult to isolate layout problems on your site due to the markup. There are issues like multiple body tags, un matched tags (i.e. a closing tag without an opening one), poorly formed lists etc. In addition there are some characters in the markup that prevent your site from be parsed by the HTML validator.

    Solve these then i'll be easier to isolate the cause of any layout problems.

    -Mark

    --
    Visit My homepage and Zikula themes.
  • To echo Mark and extend...

    The use of tables for non-tabulated data make it very difficult to even follow the markup... Divs are a much more elegant solution.

    Also the contained elements are not nested visually. They are linear making it very hard to follow the nesting.

    YOUR CODE

    Code

    <body>
    <BODY>
    <table width="100%" border="0" cellpadding="0" cellspacing="0">

    <tbody>
    <tr>
    <td width="17"><img src="themes/GotWake/images/corner1.gif" width="17" height="12" alt="" border="0"></td>
    <td class="bar1top"><img src="themes/GotWake/images/spacer.gif" width="1" height="12" alt="" border="0"></td>
    <td width="17"><img src="themes/GotWake/images/corner2.gif" width="17" height="12" alt="" border="0"></td>
    </tr>
    <tr>
    <td class="bar3left"><img src="themes/GotWake/images/spacer.gif" width="17" height="1" alt="" border="0"></td>
    <td bgcolor="#FFFFFF">
    <table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="25%"><a href="modules.php?op=modload&name=News&file=index"><img src="themes/GotWake/banner.jpg" width="200" height="81" alt="Welcome to GotWake?" border="0"></a></td>
    <td width="50%" align="center" valign="middle">
    <a href="banners.php?op=click&amp;bid=5" title="http://www.malibuboats.com"><img src="/images/banners/banvlx02.gif" alt="http://www.malibuboats.com" /></a></td>
    <td width="25%">&nbsp;</td>
    </tr>
    <tr>

    <td><font class="pn-normal">
    </font></td>
    <td colspan="2" valign="bottom" align="right">
    <font class="pn-normal"><a href="user.php">_REGISTERNOW</a></font>
    </td>
    </tr>
    </table>
    </td>
    <td width="17" class="bar4right"><img src="themes/GotWake/images/spacer.gif" width="17" height="1" alt="" border="0"></td>
    </tr>
    <tr>
    <td width="17" valign="top" align="left"><img src="themes/GotWake/images/corner3.gif" width="17" height="12" alt="" border="0"></td>
    <td width="100%" class="bar2bot" valign="top"><img src="themes/GotWake/images/spacer.gif" width="1" height="12" alt="" border="0"><img src="themes/GotWake/images/spacer.gif" width="1" height="12" alt="" border="0"></td>
    <td width="17" valign="top" align="right"><img src="themes/GotWake/images/corner4.gif" width="17" height="12" alt="" border="0"></td>
    </tr>
    </tbody>

    </table>


    A BETTER SOLUTION

    Code

    <body>
    <BODY>
        <table width="100%" border="0" cellpadding="0" cellspacing="0">

            <tbody>
                <tr>
                    <td width="17"><img src="themes/GotWake/images/corner1.gif" width="17" height="12" alt="" border="0"></td>
                    <td class="bar1top"><img src="themes/GotWake/images/spacer.gif" width="1" height="12" alt="" border="0"></td>
                    <td width="17"><img src="themes/GotWake/images/corner2.gif" width="17" height="12" alt="" border="0"></td>
                </tr>
                <tr>
                    <td class="bar3left"><img src="themes/GotWake/images/spacer.gif" width="17" height="1" alt="" border="0"></td>
                    <td bgcolor="#FFFFFF">
                        <table width="100%" border="0" cellpadding="0" cellspacing="0">
                            <tr>
                                <td width="25%"><a href="modules.php?op=modload&name=News&file=index"><img src="themes/GotWake/banner.jpg" width="200" height="81" alt="Welcome to GotWake?" border="0"></a></td>
                                <td width="50%" align="center" valign="middle">
                                    <a href="banners.php?op=click&amp;bid=5" title="http://www.malibuboats.com"><img src="/images/banners/banvlx02.gif" alt="http://www.malibuboats.com" /></a></td>
                                <td width="25%">&nbsp;</td>
                            </tr>
                            <tr>
                                <td>
                                    <font class="pn-normal"></font>
                                </td>
                                <td colspan="2" valign="bottom" align="right">
                                    <font class="pn-normal"><a href="user.php">_REGISTERNOW</a></font>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td width="17" class="bar4right"><img src="themes/GotWake/images/spacer.gif" width="17" height="1" alt="" border="0"></td>
                </tr>
                <tr>
                    <td width="17" valign="top" align="left"><img src="themes/GotWake/images/corner3.gif" width="17" height="12" alt="" border="0"></td>
                    <td width="100%" class="bar2bot" valign="top"><img src="themes/GotWake/images/spacer.gif" width="1" height="12" alt="" border="0"><img src="themes/GotWake/images/spacer.gif" width="1" height="12" alt="" border="0"></td>
                    <td width="17" valign="top" align="right"><img src="themes/GotWake/images/corner4.gif" width="17" height="12" alt="" border="0"></td>
                </tr>
            </tbody>
        </table>


    --
    David Pahl
    Zikula Support Team
  • 0 users

This list is based on users active over the last 60 minutes.