묻고답하기
레이아웃 수정에 도움 부탁 드립니다
2009.02.13 14:28
기본 레이아웃을 수정하여 2,3차 메뉴의 왼쪽 부분 하단에 이미지를 추가 하고 싶습니다.
그래서 레이아웃을 css의 해당파일에 임의추가 했습니다.
#lnb { border-top:1px solid #dddddd; padding:4px 5px; width:190px;}
#lnb li { list-style:none; padding-bottom:4px;}
#lnb li a { padding:6px 5px 6px 13px; width:170px; display:block; border:1px solid #e8e8e8; background:url(../images/white/bgLnbOff.gif) repeat-x; color:#3e3e3e; position:relative; z-index:99; text-decoration:none;}
#lnb li a:hover,
#lnb li a:focus { color:#ffffff; background:#6AB3F8; border:1px solid #292929;}
#lnb li.on a { color:#ffffff; background:#6AB3F8; border:1px solid #292929;}
#lnb li.on a:hover,
#lnb li.on a:focus { font-weight:bold;}
#lnb li ul { display:block; position:relative; width:184px; padding:0 3px; position:relative; border-top:1px solid #ffffff; overflow:hidden;}
#lnb li.on ul { display:block;}
#lnb li ul li { padding:0; border-top:1px solid #f2f2f2; position:relative; top:-1px;}
#lnb li ul li a { padding:6px 5px 6px 10px; width:169px; color:#818181 !important; border:none; background:none !important; border:none !important;}
#lnb li ul li a:hover,
#lnb li ul li a:focus { font-weight:normal !important; color:#de4332 !important;}
#lnb li.on ul li.on a { color:#ff1a00 !important; font-weight:bold !important; background:url(../images/white/bulletLnb.gif) no-repeat 175px center !important;}
#lnb_foot { position:relative; width:100%; padding-bottom:150%; background:url(../images/b.gif) no-repeat center bottom; }
그리고,
레이아웃 편집에서
<div id="lnb_foot">
</div>
이렇게 추가했습니다
임의 추가한 부분의 'padding-bottom:150px'.... 등등 지정해 보아도 메뉴 하단에 넣을수 없어
이렇게 문의 드립니다
댓글 2
-
띵야
2009.02.13 15:42
-
어라얼랑
2009.02.13 19:26
답변 감사합니다
저의 질문을 간파하셨네요...
메뉴 길이가 페이지 마다 넘 차이가 나서 맨 하단에 제가 원하는 것은 등록 하려 합니다.
예를 들어 이미지도 좋고,배너도 좋고,카운터도 좋고요...
기능이 필요해서 문의 드립니다
위처럼 하지 않고도 그냥 레이아웃 편집 화면에서 2차메뉴가 나타나는 아래를 찾아서 그림 크기만 신경써서 넣으시면 됩니다.
CSS를 추가하시는 걸로 봐서는 다른 걸 원하시는 것 같기도 하고...