묻고답하기
간단한 CSS 포지셔닝 질문 드립니다.
2013.03.29 07:49
안녕하세요. 레이아웃 만드는 공부를 하고 있습니다. http://morganstanley.com 의 메인 페이지를 그대로
XE 기반으로 따라해 보려고 합니다. 그런데, 몇 가지 문제에 부딪쳤네요.
테스트 URL : http://93th.woobi.co.kr
위 메인 메뉴 영역의 글자들을 어떻게 서브 헤더 부분의 세로 가운데로 위치시킬 수 있을까요?
글자는 세로 가운데 위치하면서 이미지 메뉴를 등록하면 정확하게 들어맞게 할 수 있나요?
서브 헤더 부분 소스는 다음과 같습니다.
.sub_header { background:url(../img/bg_subheader.gif) repeat-x; height:30px; width:960px; margin:0 auto;
border-left:1px #415b87 solid; border-top:1px #5387af solid; }
.sub_header .nav { list-style:none; overflow:hidden; margin:0; padding:0; }
.sub_header .nav li { float:left; margin:0 0; }
.sub_header .nav li a { text-decoration:none; color:#333; }
.sub_header .nav li.on a { font-weight:bold; color:#000; }
border-left:1px #415b87 solid; border-top:1px #5387af solid; }
.sub_header .nav { list-style:none; overflow:hidden; margin:0; padding:0; }
.sub_header .nav li { float:left; margin:0 0; }
.sub_header .nav li a { text-decoration:none; color:#333; }
.sub_header .nav li.on a { font-weight:bold; color:#000; }
휴우... 질문이 조금 이해하기 어렵게 작성되었나요...
현재 div 구획이 사이트 전체를 감싸는 container (빨간색) 안에
header 부분 (초록색) 이 있고 그 안에 subheader 부분 (노란색) 이 있는데,
노란색 div 공간에 위치하는 메뉴를 어떻게 해야 세로 가운데에 위치시킬 수 있죠?
메뉴를 세로 가운데에 위치하면서 이미지 메뉴를 등록하면 딱 들어가게 하고 싶은데
그렇게 할 수 있나요..??
.sub_header .nav li a {text-decoration:none;color:#333;display:block;padding:7px} 줘보세요.
첫번째 li에는 이미지자체에 여백이 있어서 폰트만 따로 잘라주셔야 할거같습니다.