Question

我对以下Joomla 2.5模板有一些问题（或者可能是模块的CSS样式）。

如果你去这里，你可以理解我的意思：http://onofri.org/scorejava/

正如您在主要内容区域中看到的，我有两列（由名为“特色类别”的模块的两个不同实例创建，这一列：http://www.joomlacsszengarden.com/joomla16/index.php/featured-categories）

这两列的标题是“Articolipiùletti”和“Ultimi articoli”。

您可以看到第一列的标题未与第二列的标题垂直对齐。

我试着理解为什么使用Firebug，但目前我还没有找到解决方案......

有人可以帮助我吗？

Answer 1

rt-block类默认有15px填充。右边的块（带有'ultimi'）有填充0，因为它被不同的块包裹。

请参阅以下代码：

<div id="rt-content-bottom">
    <div class="rt-grid-5 rt-alpha">
        <div class="rt-block">
...
    <div class="rt-grid-4 rt-omega">
       <div class="rt-block">

和css：

rt-main .rt-container .rt-grid-6 .rt-block, #rt-main .rt-container .rt-grid-4 .rt-block {
padding: 0;
} 

.rt-block { margin-bottom: 10px; padding: 15px; position: relative; }

只需将相同的填充值设置为.rt-grid-5 .rt-block和rt-grid-4 .rt-block

如何在Joomla 2.5模板中垂直对齐这两列？

1 个答案: