使菜单组与菜单项对齐

Question

我正在使用Seam和Richfaces制作菜单栏。 代码是这样的：

<rich:dropDownMenu showDelay="250" hideDelay="0" submitMode="none">
        <f:facet name="label">Tools</f:facet>

        <rich:menuItem>
            <s:link view="/pages/tools/ppaParameters/PpaParametersEdit.xhtml" value="Parameters" id="PpaParametersId" includePageParams="false" propagation="none"/>
        </rich:menuItem>

        <rich:menuGroup value="Security">
            <rich:menuItem>
                <s:link view="/pages/tools/security/ppaModule/PpaModuleEdit.xhtml" value="Module" id="PpaModuleId" includePageParams="false" propagation="none" />
            </rich:menuItem>
        </rich:menuGroup>

    </rich:dropDownMenu>

如何使菜单项与其“父亲”对齐？

Ferramentas =工具

Segurança=安全

Módulo=模块

Answer 1

进行样式设置的最佳方法是使用其中包含的chrome dev工具或带firefox的firebug来判断哪个元素使用了确切的样式。

尝试设置对齐以继承

Answer 2

这在我身上经常发生，您可能以为我现在已经学到了：确保菜单被<h:form></h:form>标记包围。

Answer 3

将菜单项的位置设置为绝对。 这将使其根据其父位置。 然后调整边距将其放置在所需的位置。

Answer 4

如果您可以将它作为测试网站在网站上获得，我认为我们可以尝试一下...我会说获得Firefox和Firebug并采取一些解决方法。 那应该有帮助！