如何在我的代碼中創建側邊菜單子列表horizo​​ntali

Question

我有一個html代碼。我想在我的代碼中創建一個水平的子列表。電影鏈接需要一些子列表，比如即將上映的電影，新版本和過去的電影。

這裏是我的代碼：

菜單

  <ul> 
       <li><a href="index.html">Home</a></li> 

       <li><a href="movies.html">Movies</a> 
       </li> 
       <li><a href="#">News</a></li> 
       <li><a href="#">Equipments</a></li> 
       <li><a href="#">Careers</a></li> 
       <li><a href="#">About Us</a></li> 
       <li><a href="#">Contact</a></li> 
      </ul> 
     </nav> 

謝謝...

Answer 1

必須使用CSS，以幫助您創建水平的菜單，說明應該是這樣的：

.menu ul{ 
    list-style: none; 
} 

.munu li{ 
    display: inline; 
} 

在你的html，你只需要在menu類，這是剛剛創建，添加到<div>標籤：

<div class="menu"> 
    <ul> 
       <li><a href="index.html">Home</a></li> 
       <li><a href="movies.html">Movies</a></li> 
       <li><a href="#">News</a></li> 
       <li><a href="#">Equipments</a></li> 
       <li><a href="#">Careers</a></li> 
       <li><a href="#">About Us</a></li> 
       <li><a href="#">Contact</a></li> 
    </ul> 
</div> 

注意：不要忘了，包括你的CSS文件轉換成HTML格式，如果使用一個外部CSS文件，使用以下說明：

<link rel="stylesheet" type="text/css" href="style.css"> 

Answer 2

您可以使用CSS和HTML這樣

http://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_horizontal

<style> 
    ul 
    { 
    list-style-type:none; 
    margin:0; 
    padding:0; 
} 
li 
{ 
display:inline; 
} 
</style> 

<ul> 
    <li><a href="movies.html">Movies</a> 
      </li> 
      <li><a href="#">News</a></li> 
      <li><a href="#">Equipments</a></li> 
      <li><a href="#">Careers</a></li> 
      <li><a href="#">About Us</a></li> 
      <li><a href="#">Contact</a></li> 
</ul>