css - 将徽标添加到后端顶部导航栏

Question

我正在尝试将我的徽标添加到顶部导航栏，如下所示：

我修改了 xml 文件addons\web\static\src\xml\menu.xml并添加了这个 div：

<div style="height: 100%;display: block;float: left;margin-right: 15px;margin-left: 15px;">
   <img src="https://www.clubsportive.nl/wp-content/uploads/2018/12/logo-example.jpg" height=100%/>
</div>

在这样的标题内：

<header t-name="Menu" style="background-color: #4c4c4c;">
    <nav class="o_main_navbar">
        <ul class="o_menu_apps"/>
        <div style="height: 100%;display: block;float: left;margin-right: 15px;margin-left: 15px;">
            <img src="https://www.clubsportive.nl/wp-content/uploads/2018/12/logo-example.jpg" height=100%/>
        </div>
        <a class="o_menu_brand" role="button"/>
        <ul class="o_menu_sections" role="menu"/>
        <ul class="o_menu_systray" role="menu"/>
    </nav>
</header>

但它打破了一切。更改后我只看到白页。并且控制台内部有错误：

怎么了？

标签： cssxmlodooqwebodoo-12

Answer 1

您的代码可以正常工作，将height=100更改为height="100" [使用双引号]

您得到的错误是 xml.etree.ElementTree.ParseError: not well-formed (invalid token): line 8, column 102 -，您可以从日志文件中检查它。

注意：它总是建议继承而不是编辑原始代码。