G5 상단 메뉴바 가운데 정렬방법 문의
본문
G5 기본 default.css 를 수정해서 쓰려고 하는데요.
상단을 아래와 같이 만들어 보려고 합니다.
#질문1. G5_KOREA 로고처럼 상단영역과 메뉴바 부분위로 로고를 (덮어지게) 올리고 싶은데요.
이 부분은 어떻게 CSS를 적용하면 될까요?
#질문2. gnb메뉴영역 (G5코리아소개 ....... 커뮤니티) 이 예시이미지 처럼 정중앙에서 로고크기만큼
우측으로 이동된 위치로 정렬되게 하려면 어떻게 해야 할까요?
즉, 메뉴바가 로고 우측의 공간의 영역내에서 가운데 정렬이 되게 하고 싶은데요.
#질문3. gnb 메뉴영역을 전체화면의 정중앙으로 오게 하려면 어떻게 하면 되나요?
gnb 부분의 스타일시트값을 조정해 봤는데 잘 안되네요~ㅠ.ㅠ
너무 초보적인 질문이라서 죄송합니다. 도움 부탁 드려요.
감사합니다.
답변 1
보통 가운데 정렬은 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
답변을 작성하시기 전에 로그인 해주세요.