탐색 메뉴를 만드는 방법은 무엇입니까?

내 사이트의 다양한 페이지로 연결되는 사이드 메뉴를 추가하기 만하면됩니다. 나는 사용자가 클릭하기 위해 클릭하는 이미지 버튼이나 간단한 href를 사용하고 싶습니다. 어떻게 든 div를 사용해야 할 것 같아요?탐색 메뉴를 만드는 방법은 무엇입니까?

감사

출처

2011-02-03 blue-sky

은 우리가 도울 수있는 방법에 대해 좀 더 구체적으로 주시겠습니까? –

그냥 내 페이지 왼쪽에있는 항목 목록을 원하고 탐색을 클릭하면 다른 페이지로 이동합니다. 네비게이션 항목은 단순한 텍스트 또는 버튼 일 수 있습니다. 고마워 –

의 다양한 사례를 가지고있다.

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 Dog에서 HTML 및 CSS 튜토리얼을 통해 실행됩니다. 그것은 당신의 삶을 훨씬 쉽게 만들어 줄 것입니다.

출처

2011-02-03 14:49:49

도움 주셔서 감사합니다. –

Listamatic 당신은 div 요소를 사용하고 CSS 왼쪽 떠 있습니다 how to style a list of links

출처

2011-02-03 14:48:38 Quentin

+1 소진을 선택하십시오. – Blender

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

탐색 메뉴를 만드는 방법은 무엇입니까?

답변

관련 문제