如何创建文本菜单和仅文本子菜单？

我想在http://jackcrane.co.uk 如何创建文本菜单和仅文本子菜单？

创建一个下拉菜单为我的网站，我想创建一个下拉纯文本菜单卫生&健身和游戏文本下出现，目前我一直在试图摆弄一些这里代码 - http://jsfiddle.net/VCX7T/6/（CSS是对的jsfiddle网站）

<nav> 
<ul> 
    <li>Parent 1 
     <ul> 
      <li>Child 1</li> 
      <li>Child 2</li> 
      <li>Child 3</li> 
     </ul> 
    </li> 
    <li>Parent 2 
     <ul> 
      <li>Child 4</li> 
      <li>Child 5</li> 
      <li>Child 6</li> 
     </ul> 
    </li> 
</ul>

，但不能让它降下来下面，我就需要我的网站上，有没有人能帮助我们吗？谢谢

来源

2013-12-12 rawr105

你根本不能说明问题。你想达到什么目的？例如：onhover显示子菜单？ – Ani

你想让菜单像你的网站或喜欢的小提琴吗？在你的网站上，你已经使用了基本的内联链接，但在小提琴上它是一个列表 - 这是一个很大的区别。 – mMoovs

你在寻找这样的东西吗？ http://jsfiddle.net/VCX7T/227/ – RononDex

我用下拉菜单更新了你的小提琴。我改变了下面的代码：

/* This part makes the top-level menu horizontal instead of vertical */ 
nav ul li { 
    display:inline; 
} 

/* This part positions the submenus */ 
nav > ul > li ul { 
    position: absolute; 
    left: 10px; 
    top: 30px; 
}

链接拨弄：http://jsfiddle.net/VCX7T/231/

来源

2013-12-12 13:43:12 RononDex

当我点击一个链接时，文本消失，然后我可以点击链接，是否有绕过此方法？感谢您的帮助！ – rawr105

是的。我用'padding-top：30px;'替换'top：30px';'http://jsfiddle.net/VCX7T/231/ – RononDex

@ user3095495再次用新的小提琴编辑答案，现在应该可以工作;） – RononDex

如何创建文本菜单和仅文本子菜单？

回答

相关问题