Question

我正在为我的一位公婆工作，他坚持使用Joomla，以便他将来可以更新内容。话虽这么说，我为他开发的一件事是他和他兄弟创造的游戏角色生成器。这工作正常。问题是他们希望有一种方法可以在完成后打印最终的纸张，并且在没有所有菜单，横幅等的情况下这样做。我被告知最简单的处理方法是将?tmpl=component传递给用于去除所有内容的URL，这也是有效的。

我遇到的问题是Joomla模板中的CSS导致表的行为方式无法弄清楚如何纠正。该页面由嵌套表组成，宽度按％（当前）定义，但似乎忽略了特定定义的宽度，有利于拥抱最大单元格的宽度。看看我在说什么：

问题页面：http://www.basementgames.com/tools/character-generator.html?s=36&tmpl=component

页面应该是什么样的：http://www.basementgames.com/char_gen.php?s=36

这两个地方的完全相同的代码，第一个在Joomla中，因此受模板的CSS限制。我对CSS知之甚少，而且我正在疯狂地试图找出要覆盖的内容，以使第一个示例看起来像第二个。有什么想法吗？

Answer 1

您可以在页面上运行此脚本，它将在页面加载时删除有问题的print.css文件：

<script>
if (window.location.href.indexOf('/character-generator.html') > 0 &&
    window.location.href.indexOf('tmpl=component') > 0) {
    (function(){
        var links = document.getElementsByTagName('link');
        for (var i = 0; i < links.length; i++) {
            if (links[i].href.indexOf('/print.css') > 0) {
                links[i].href = '';
            }
        }
    })();
}
</script>

http://jfcoder.com/test/character-generator.html?tmpl=component

请注意，它仅在character-generator.html页面上运行，查询字符串中包含tmpl=component。它还必须在 link元素后运行，因此应将其插入body标记或head标记的最底部。由于您有MooTools，您也可以使用DOMReady()。

表宽度拥抱元素

1 个答案: