我正在创建一个基于960网格系统的Joomla 1.5模板。现在我的模块出了问题。控制宽度和显示模块的最佳方法是什么?
这是场景,在我的页脚中我有4个盒子(这将是我的Joomla模块,每个模块的宽度为'220px',每边的边距为'10')。
问题如果我只有少于4个盒子(模块),它会在我的布局中产生间隙。我希望我的布局能够完全显示无间隙。例如,如果我的页脚中只有2个盒子/模块,则它们将划分'940px'宽度(960px-10px边距),并且每个宽度为'460px'。
如果我使用'ID'或'Class'来控制结构,我也会混淆我将如何使用CSS(例如#Footer#Module1 {width 240px;}或#Footer .module-grid4 {width :240})
我认为正确的方法是为模块使用PHP条件,并将每个布局应用一个类。
如果你在我的鞋子里,你会怎么做?请指教。
谢谢!
答案 0 :(得分:1)
我不确定CSS细节,但您可以通过这种方式计算分配到特定位置的模块数量:
<?php if ($this->countModules('footer') < 4): ?>
// less than four modules markup here
<?php else: ?>
// normal markup here
<?php endif ?>
您可能会为不同的布局(三个模块,四个模块等等)使用不同ID的<div>
标签,然后您可以通过CSS设置样式。