如何創建導航側面菜單？

我只想添加一個鏈接到我網站上各種頁面的側面菜單。我想使用用戶點擊的圖像按鈕或簡單的hrefs進行導航。我想我需要用某個div嗎？如何創建導航側面菜單？

感謝

2011-02-03 blue-sky

可否請您是一個更具體一點，我們如何能夠幫助？ – 2011-02-03 14:48:26

我只想要在我的頁面左側的項目列表，當點擊導航到不同的頁面時。導航項目可以是簡單的文本或按鈕。謝謝 – 2011-02-03 14:56:37

您可以使用div元素和浮起來留下CSS各種例子。

HTML：

<div id="nav"> 
    <ul> 
     <li><a href="http://example.com/page2">A Link</a></li> 
     <li><a href="http://example.com/page3">Another Link</a></li> 
    </ul> 
</div> 
<div id="content"> 
    <p> Here's some stuff </p> 
</div>

CSS：

#nav { 
    width: 20%; 
    float: left; 
    background-color: gray; 
} 

#content { 
    width: 80%; 
}

我也將通過HTML和CSS教程在HTML Dog運行。它會讓你的生活變得更容易。

來源

2011-02-03 14:49:49

Listamatic有how to style a list of links

來源

2011-02-03 14:48:38 Quentin

+1選擇枯竭。 – Blender 2011-02-03 14:49:56

HTML：

<!Doctype html> 
<html projectReviver="leftmenu.html"> 
    <head> 
    <title>My Left Menu</title> 
    <link rel="StyleSheet" href="design.css" type="text/css" /> 
    <!--[if IE]> 
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> 
    <![endif]--> 
    </head> 
    <body> 
    <nav> 
     <div id="main"> 
     <ul> 
      <li><a href="page.html">First page</a></li> 
      <li><a href="page2.html">2<sup>nd</sup>page</a></li> 
     </ul> 
     </div> 
    </nav> 
    </body> 
    </html>

design.css：

#mainu ul { 
    list-style: none; 
    background-color: red; 
} 
#nav { 
    width: 20%; 
    float: left; 
    background-color: red; 
} 
#content { 
    list-style: none; 
}

來源

2016-02-24 03:01:52 aditya

如何創建導航側面菜單？

回答

相關問題