0

我正在尝试将我的代码从 html 表更改为 Joomla 中的 div。我找到了一些答案,但我需要具体的指导。

  1. 我有 3 x 3 表(每个窗口都可以容纳任何东西 - 文本、视频、图片......)
  2. 使用表格时,很容易做到“垂直对齐”

现在我需要将带有表格的 html 翻译成 div。但...

  1. 不能用css,应该是纯html
  2. 我生成的 div“表”应该垂直对齐。

我没有发布任何代码,因为它只是一个 3 x 3 表......

如果没有 CSS 就无法做到这一点,那么如何将我的 CSS 代码保存在 Joomla 的 JCE 编辑器中?它一直在评论它。

这是代码的一部分:

<style>
#container {
    display: table;
    }
#row  {
    display: table-row;
    }
#left, #right, #middle {
    display: table-cell;
    padding-right: 15px;
    }
#left p, #right p, #middle p {
    margin: 20px 1px;
   }
</style>

<div id="container">
  <div id="row">
    <div id="left"> 
    </div>

    <div id="middle">
    </div>

    <div id="right">
    </div>
</div>

这是我在编辑器中保存后看到的:

<p>
    <style type="text/css" scoped="scoped">
        <!-- #container {
            display: table;
        }
        #row {
            display: table-row;
        }
        #left, #right, #middle {
            display: table-cell;
            padding-right: 15px;
        }
        #left p, #right p, #middle p {
            margin: 20px 1px;
        }
        -->
    </style>
</p>
<div id="container">
    <div id="row">
        <div id="left">&nbsp;</div>
        <div id="middle">&nbsp;</div>
        <div id="right">&nbsp;</div>
    </div>
</div>
4

4 回答 4

2

为什么不将自己的 CSS 文件添加到模板中?通过这种方式,您可以在整个站点中重复使用您的 CSS,而不是在您需要的每篇文章中使用 C&P?

YooTheme 为您提供了一个名为 custom.css 的文件,您可以对其进行编辑,template manager/templates/yourtemplate name 然后在右侧查找 custom.css。

RocketTheme 还提供了自定义文件,但您需要将其添加到 templates/yourtemplatename/css文件夹中 yourtemplatename_custom.css。您可以为此使用 ftp 或通过您的 CPanel/Plesk 上传它(如果您使用它)。其实JCE不是也在控制面板中添加了文件浏览器按钮吗?您也许可以通过它添加文件。

诚然,模板开发人员为他们的模板执行此操作的方式有很多,这可能会有点令人困惑,但是一旦您弄清楚了,它将为您节省数小时的工作时间。

想象一下,更改一个 CSS 条目并让您的所有文章都反映该更改,而无需编辑每个条目。

于 2013-03-24T12:49:25.843 回答
0

对于这样的布局,你不能使用div没有 CSS 的 s。

没有 CSS 是不可能的(即使那样,也不是直截了当的)。

于 2013-03-21T21:33:15.557 回答
0

在您的 Joomla 管理面板中:

组件 > JCE > 配置文件 > your_profile > 编辑器参数选项卡 > 高级选项卡:

允许 CSS (*) 是 ( ) 否

然后,转到站点 > 全局配置 > 文本过滤器并将您的过滤器类型设置为“无过滤”。

于 2013-03-21T21:43:39.950 回答
0

您应该尝试将样式标签中的 CSS 移动到<head></head>文档顶部的标签中。也许您的 css 被注释掉的原因是因为您已将其包含在<p></p>文档正文的标签中。

希望这是可以理解的。

于 2013-03-21T21:59:46.107 回答