【问题标题】:Odoo LandingpageOdoo 登陆页面
【发布时间】:2018-04-07 02:35:27
【问题描述】:

如何在 Odoo 网站上制作带有大图的登录页面。

这不起作用。通过使用样式或正文,认为 HTML 中的链接“正常”CSS 工作正常。

错误:此页面包含以下错误:第 26 行第 8 列的错误:开始和结束标记不匹配:元行 0 和头部 下面是页面呈现到第一个错误。

        
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <style>
            body, html {
                height: 100%;
                margin: 0;
            }

            .bg {
                /* The image used */
                background-image: url("...");

                /* Full height */
                height: 100%; 

                /* Center and scale the image nicely */
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
            }
        </style>
    </head>
    <body>
        <div class="bg"></div>
    </body>
</html>

【问题讨论】:

    标签: web odoo


    【解决方案1】:

    错误是因为您在 Odoo 中有无效的 xml。我假设您在 Odoo 视图 xml 模板中有此代码。此模板必须是有效的 xml。我们的代码是 html,而 html 并不总是有效的 xml,因为 html 没有强制结束元标记。您可以通过在元标记中使用元素的自结束格式来纠正此问题:

    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    

    注意行尾“>”之前的“/”。

    在示例中我没有弄清楚您是如何从 Odoo 提供登录页面的。你在哪里有这个页面代码?在 Odoo 网站中,您通常会创建一个页面并仅指定内容,而不是整个 html 文档。

    我希望您可以在此帮助下使您的目标网页正常工作。如果您需要更多帮助,请提供有关您的用例的更多信息。

    兄弟,

    威科

    【讨论】:

    • 它的工作!但我无法加载图片。即使我使用“scr”或 url。背景图片:src="/web/image/website.s_big_picture_default_image" ;
    • 不幸的是,仅基于您页面的 html 源代码,我无法提供更多帮助。请提供更多详细信息,说明您如何在 Odoo 中实现该页面、您使用什么 url 访问该页面、您在访问页面时看到了什么等。
    • 我几乎尝试了所有方法,但它没有渲染图片。代码如下:
    • 我可以给你发一封电子邮件吗?我不知道如何再次发布代码以表扬。非常感谢你的帮助!!
    • 感谢代码 sn-p。看起来您在视图模板中的 div 中有一个完整的 html 文档。浏览器不理解 div 元素内的 html 元素。你到底在 Odoo 哪里有这个锥体?
    猜你喜欢
    相关资源
    最近更新 更多
    热门标签