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

Question

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

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

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

您可以在这个实验页面上看到结果 - 我暂时在模块上加了边框，这样您就可以看到轮廓了 - http://www.cotswoldplayhouse.co.uk/jm3

看起来样式被应用于模块容器和文本周围的容器。任何想法如何解决这一问题？谢谢

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