如何将多个 joomla 模块放在一个模块位置？答案

【问题标题】：How to put multiple joomla modules in one module position?如何将多个 joomla 模块放在一个模块位置？
【发布时间】：2015-01-08 02:59:45
【问题描述】：

我以为我知道该怎么做，但奇怪的事情正在发生。我将 2 个模块放在同一个模块位置。我将它们的模块类后缀设置为“fouracross”。我添加了css...

.fouracross {
width: 45%; 
float: left;
border: solid; 1 px;}
}

这些模块确实并排放置，每个占用 45% 的空间，但每个模块中的文本也只占用该模块中 45% 的空间！

你可以在这个实验页面上看到结果——我暂时在模块上加了一个边框，这样你就可以看到大纲了——http://www.cotswoldplayhouse.co.uk/jm3

样式似乎同时应用于模块容器和文本周围的容器。任何想法如何解决这一问题？谢谢

【问题讨论】：

标签： css joomla

【解决方案1】：

这是因为它似乎将fouracross 类应用于父和子元素，如下所示：

<div class="art-block clearfix fouracross">  <<< HERE
   <div class="art-blockheader">
      <h3 class="t">Vouchers</h3>
   </div>
   <div class="art-blockcontent">
      <div class="custom fouracross">  <<< AND HERE

         <p>Cotswold Playhouse vouchers make an ideal present. Any value can be purchased and they can be exchanged for tickets for any event for up to one year after purchase.</p>
         <p>Full details are available here</p>

      </div>
   </div>
</div>

转到以下位置：

modules/mod_YOURMODULE/tmp/default.php

并且很可能会有这样的事情：

<div class="custom <?php echo $moduleclass_sfx ?>">

您可以更改为：

<div class="custom">

【讨论】：

我认为这可行，但它会影响所有自定义 HTML 模块，因为该位是通用代码。还是谢谢。
问题是模块类后缀只能应用于父级，因此我们只能使用一次。这允许使用 CSS 来定位它以应用不同的样式

【解决方案2】：

您必须更改规则以仅影响容器而不影响内部 div。

这应该可行：

.art-block.fouracross {
  width: 45%; 
  float: left;
  border: solid; 1 px;
}

【讨论】：