Question

我以为我知道怎么做，但奇怪的事情发生了。我把2个模块放在同一模块位置。我将它们的模块类后缀设置为＆＃34; fouracross＆＃34 ;. 我添加了CSS ...

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

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

您可以在此实验页面上看到结果 - 我暂时在模块上放置边框，以便您可以看到大纲 - http://www.cotswoldplayhouse.co.uk/jm3

似乎该样式正在将模块容器AND应用于文本周围的容器。任何想法如何解决这一问题？感谢

Answer 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">

Answer 2

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

这应该有效：

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

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

2 个答案: