Magento:自定义菜单扩展-CSS到中心菜单
我使用了custommenu.css,但找不到如何更改custommenu.css以使菜单居中。这是菜单的一段代码:Magento:自定义菜单扩展-CSS到中心菜单,css,magento,menu,center,Css,Magento,Menu,Center,我使用了custommenu.css,但找不到如何更改custommenu.css以使菜单居中。这是菜单的一段代码: <div class="nav-container"> <div id="custommenu"> <div id="menu3" class="menu" onmouseout="wpHideMenuPopup(this, event, 'popup3', 'menu3')" onmouseover="wpShowMenuPopup(t
<div class="nav-container">
<div id="custommenu">
<div id="menu3" class="menu" onmouseout="wpHideMenuPopup(this, event, 'popup3', 'menu3')" onmouseover="wpShowMenuPopup(this, 'popup3');">
<div id="popup3" class="wp-custom-menu-popup" onmouseover="wpPopupOver(this, event, 'popup3', 'menu3')" onmouseout="wpHideMenuPopup(this, event, 'popup3', 'menu3')" style="z-index: 9999;">
<div id="menu4" class="menu" onmouseout="wpHideMenuPopup(this, event, 'popup4', 'menu4')" onmouseover="wpShowMenuPopup(this, 'popup4');">
<div id="popup4" class="wp-custom-menu-popup" onmouseover="wpPopupOver(this, event, 'popup4', 'menu4')" onmouseout="wpHideMenuPopup(this, event, 'popup4', 'menu4')" style="display: none; top: 25px; left: 77px; z-index: 10000;">
... rest of code...
你能给我一些关于如何把菜单放在中间的提示吗?我在这里做错了什么?我不确定这是否能解决您的CSS问题,但您的
尚未关闭:
更正的HTML:
<div class="nav-container">
<div id="custommenu">
<div id="menu3" class="menu" onmouseout="wpHideMenuPopup(this, event, 'popup3', 'menu3')" onmouseover="wpShowMenuPopup(this, 'popup3');"></div>
<div id="popup3" class="wp-custom-menu-popup" onmouseover="wpPopupOver(this, event, 'popup3', 'menu3')" onmouseout="wpHideMenuPopup(this, event, 'popup3', 'menu3')" style="z-index: 9999;"></div>
<div id="menu4" class="menu" onmouseout="wpHideMenuPopup(this, event, 'popup4', 'menu4')" onmouseover="wpShowMenuPopup(this, 'popup4');"></div>
<div id="popup4" class="wp-custom-menu-popup" onmouseover="wpPopupOver(this, event, 'popup4', 'menu4')" onmouseout="wpHideMenuPopup(this, event, 'popup4', 'menu4')" style="display: none; top: 25px; left: 77px; z-index: 10000;"></div>
</div>
</div>
<div class="nav-wrapper">
<div class="nav-container">
<div id="custommenu">
...
</div>
</div>
</div>
我应该提到这一点-分区已关闭。“…”本应意味着代码继续,但并不重要。我可以访问CSS,但编辑没有帮助。我试过你的方法,但没有成功。我能看到一个有效的版本吗?我还指的是有onmouseover事件的部门,他们也没有被关闭。仍然没有弄清楚。看来你的解决方案不起作用了。
<div class="nav-wrapper">
<div class="nav-container">
<div id="custommenu">
...
</div>
</div>
</div>
div.nav-wrapper div.nav-container div#custommenu {
position:relative;
font-size: 14px;
margin: 0 auto;
padding: 0 16px;
width: 918px;
z-index: 999;
text-align: center;
}
div.nav-wrapper div.nav-container div#custommenu div.menu {
display:inline-block;
float: left;
}