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
Watch
GitHub Core
Show your support for Zikula! Sign up at Github account and watch the Core project!
GitHub Modules
- internetking created topic »password problem« 25. May
- mesteele101 responded to »ERR (3): E_USER_ERROR: Smarty error: [in pagesvar:pagesitem2en line XXX]…« 25. May
- mazdev responded to »Pages 2.5.0 and updating - Page not found« 25. May
- ehdwma created topic »Hide "Register new account" and change template to 3 col« 25. May
- mesteele101 responded to »Zikula 1.3.3 - Selecting a category in Pages not working« 25. May
- mdee created topic »How to implement returnpage ?« 25. May
- nestormateo responded to »Fillters in Clip« 24. May
Zikula Blog
- Anatomy of Open Source Projects on Mar 07
- Continuous Review on Mar 01
- Not Invented Here on Feb 24
- How to Contribute Your Code at Github on Jan 13
- 10 Steps to Coding-Nirvana: Tips for Successful Module Writing on Nov 12
- Submitting Bug Report Tickets That Get Results on Aug 17
- Cozi Tricks #1: Syntax Highlighting on Aug 07
Login
Help with htmlpages 2.1 and PN 764
-
- Rank: Registered User
- Registered: Dec 31, 1969
- Last visit: Jan 25, 2009
- Posts: 26
-
- Rank: Team Member
- Registered: Dec 07, 2003
- Last visit: May 09, 2010
- Posts: 2703
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 -
- Rank: Registered User
- Registered: Dec 31, 1969
- Last visit: Jan 25, 2009
- Posts: 26
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 -
- Rank: Team Member
- Registered: Mar 18, 2002
- Last visit: Oct 21, 2009
- Posts: 6606
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. -
- Rank: Team Member
- Registered: Dec 07, 2003
- Last visit: May 09, 2010
- Posts: 2703
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&bid=5" title="http://www.malibuboats.com"><img src="/images/banners/banvlx02.gif" alt="http://www.malibuboats.com" /></a></td>
<td width="25%"> </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&bid=5" title="http://www.malibuboats.com"><img src="/images/banners/banvlx02.gif" alt="http://www.malibuboats.com" /></a></td>
<td width="25%"> </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
- Moderated by:
- Support
Users on-line
- 0 users
This list is based on users active over the last 60 minutes.
