将两个Joomla模块显示为一个带有单个边框的模块?

时间:2013-08-29 14:08:51

标签: css joomla joomla-extensions

我有两个Joomla模块位置。它们堆叠在相同的模块位置。我需要这两个模块作为单个显示模块出现在网页上,其中所有模块都有一个边框环绕。

如果不修改这些模块的PHP代码,如何才能做到最好?我想这可能是用CSS完成的,但我不是CSS的专家。也许为这两个模块添加的模块类后缀可以使它们看起来无缝连接?如果是这样,我该怎么做?

1 个答案:

答案 0 :(得分:0)

好的,如果没有能够看到HTML,我会假装这两个组件以类<div>的形式输出themodule,并且已经应用​​了一些填充,边框和边距像这样:

.themodule {
    padding: 1em;
    border: 0.1em solid black;
    border-right: 0;
    margin: 2em;
}

如果你添加:

.themodule + .themodule {
    padding-left: 0;
    border-left: 0;
    border-right: 0.1em solid black;
    margin-left: 0;
}

这意味着任何.themodule指向另一个后面将会使左边距,边界和边距被切断,因此它会与前一个对接,并且视觉上是同一个框的一部分。

希望你可以申请你的案件,但如果你有疑问,请告诉我。