css top nav - 左侧导航(菜单),标题位于中央,右侧(更多按钮) - howto?

时间:2013-11-21 12:29:50

标签: css menu title navbar

我想要一个看起来像这样的顶级导航: div = [],space =。

[[menu-icon] [logo] .... [页面标题] ..... [某些图标] [某些图标]]

因此菜单和徽标区域贴在左侧 中间的页面标题 另外2个图标贴在右边。

我尝试了几种方法,但没有一种方法适合我 我的最佳解决方案已经到位,但是链接/图标无法点击,文本“超过”它们。

感谢任何帮助。

这是我的掠夺者: http://plnkr.co/edit/CBnH6Ewa4QJTu5FBC2Mi

====== EDIT ===== 感谢@Mark Simpson,我在css中修正了一个拼写错误,标题栏居中,并通过使用z-index:-1来点击链接.1。 但我的标题也是可点击的。
我在某些页面上使用它 关于如何用css解决这个问题的任何建议?

1 个答案:

答案 0 :(得分:0)

.navbar .center {
    width: 60%;
    margin: 0 auto;
    text-align: center;
}

.navbar .right {
    position: absolute;
    right: 0;
    top: 0;
}

请参阅:http://plnkr.co/edit/1XLrK4Iuq6CPSYmGPDYn?p=preview