2015-01-05 2 views
-3

weebly를 사용 중이며 코딩에 많은 시간을 할애하고 있습니다. 하지만 내 탐색 메뉴 막대 텍스트를 가운데에 배치하고 드롭 옵션을 함께 가져오고 싶습니다.내 웹 사이트를 탐색 할 수있는 방법 탐색 메뉴 텍스트

+0

StackOverflow에 오신 것을 환영합니다. 지금까지 가지고있는 것을 보여주십시오. SO는 코드 작성 서비스가 아니므로 자신의 작업에 대한 증거를 제공하면 더 나은 응답을 얻을 수 있습니다. [도움말 페이지] (http://stackoverflow.com/help)를 참조하십시오. – freefaller

답변

-1

CSS :

#container { 
    margin: 0 auto; 
    width: 1000px; 
    text-align: center; 
} 

#menu { 
    float: left; 
    width: 100%; 
} 

HTML :

<div id="container"> 
    <div id="menu"> 
     <!-- here insert menu code --> 
    </div> 
</div> 

http://jsfiddle.net/xgL5q727/

메뉴 here를 생성합니다.

+0

왜 float인지, 메뉴의 폭 선언은 왜? –

+0

이것은 ** 다른 브라우저에서 발생하는 문제를 피하고 반응이 빠른 웹 사이트를 만드는 데 가장 좋은 방법입니다. 유사한 솔루션이 많이 있습니다. – Mardzis

+0

"최고의"솔루션인지 여부에 관계없이. #menu가 왜 필요한지 묻는 것입니다. HTML 삽입 및 CSS 사용에 대해 이해하지 못합니다. 왜 당신은 콘테이너에 텍스트 정렬 센터를 적용할까요, 왜 메뉴에 없습니까? 왜 메뉴를 떠 다니는 것이 좋을까요? 그리고 너비가 100 % 인 것은 div의 기본값이므로 필요하지 않습니다. –