채택완료

G5 상단 메뉴바 가운데 정렬방법 문의

2015-12-18 (금) 18:22:30 3,682

G5 기본 default.css 를 수정해서 쓰려고 하는데요.

상단을 아래와 같이 만들어 보려고 합니다.

79a4704ebe1d040c28c5f4315a01aa3d_1450430224_5998.jpg
 

#질문1.  G5_KOREA 로고처럼 상단영역과 메뉴바 부분위로 로고를 (덮어지게) 올리고 싶은데요.

 이 부분은 어떻게 CSS를 적용하면 될까요?

#질문2. gnb메뉴영역 (G5코리아소개 .......  커뮤니티) 이 예시이미지 처럼 정중앙에서 로고크기만큼

 우측으로 이동된 위치로 정렬되게 하려면 어떻게 해야 할까요? 

 즉, 메뉴바가 로고 우측의 공간의 영역내에서 가운데 정렬이 되게 하고 싶은데요.

#질문3. gnb 메뉴영역을 전체화면의 정중앙으로 오게 하려면 어떻게 하면 되나요? 

  gnb 부분의 스타일시트값을 조정해 봤는데 잘 안되네요~ㅠ.ㅠ

너무 초보적인 질문이라서 죄송합니다.  도움 부탁 드려요.

감사합니다.

답변 1개

채택된 답변
+20 포인트

보통 가운데 정렬은 margin:0 auto; 속성을 이용합니다. 

이 경우 해당 블럭요소가 100% 여서는 안 됩니다.

http://www.homzzang.com/b/tag-125 참고 

겹침 및 위치 조정은 position 속성과 z-index 속성을 이용합니다.

position http://www.homzzang.com/b/css-108

z-index http://www.homzzang.com/b/css-113

답변을 작성하려면 로그인이 필요합니다.