묻고답하기
2차 메뉴 왼쪽 정렬하기.
2011.05.03 08:38
#headerMenuSecond { position:absolute; height:25px; padding:0px; margin:0px; }
#headerMenuSecond ol { padding:5px 0px 0px 0px; margin:0px; }
#headerMenuSecond ol li { padding-right:6px; margin-right:5px; list-style:none; float:left; background:url('../images/sub_menu_li_bar.gif') no-repeat right 2px; }
#headerMenuSecond ol li a { color:#333333; text-decoration:none; display:block; }
#headerMenuSecond ol li a:hover { color:#3399FF; text-decoration:underline; }
css 파일중 2차 메뉴에 해당하는 부부입니다.
어디 부분을 수정해야 2차 메뉴들이 왼쪽정렬이 되나요?
지금은
홈 커뮤니티 -> 1차 메뉴
자유게시판 - 질문게시판 - 자료실 <-- 2차 메뉴
2차 메뉴가 너무 오른쪽으로 쏠려서 오른쪽을 뚫고 나갑니다.
#headerMenuSecond ol { padding:5px 0px 0px 0px; margin:0px; }
#headerMenuSecond ol li { padding-right:6px; margin-right:5px; list-style:none; float:left; background:url('../images/sub_menu_li_bar.gif') no-repeat right 2px; }
#headerMenuSecond ol li a { color:#333333; text-decoration:none; display:block; }
#headerMenuSecond ol li a:hover { color:#3399FF; text-decoration:underline; }
css 파일중 2차 메뉴에 해당하는 부부입니다.
어디 부분을 수정해야 2차 메뉴들이 왼쪽정렬이 되나요?
지금은
홈 커뮤니티 -> 1차 메뉴
자유게시판 - 질문게시판 - 자료실 <-- 2차 메뉴
2차 메뉴가 너무 오른쪽으로 쏠려서 오른쪽을 뚫고 나갑니다.
댓글 2
-
송동우
2011.05.03 09:13
-
송동우
2011.05.03 10:57
현재 css 소스만 보이고 html 소스는 안보여서 정확히 모르겠지만
첫번째 답글에서 말한 margin-left 안먹히면
#headerMenuSecond { position:absolute; height:25px; padding:0px; margin:0px; }
여기에 margin-left:음수값을 넣고 한번 시도해 보세요
다른 스킨사용하는 것 같은데.....
두번째 줄에 #headerMenuSecond ol { padding:5px 0px 0px 0px; margin:0px; } 여기에 margin-left:-10px 이런식으로 음수값을 줘보세요
#headerMenuSecond ol { padding:5px 0px 0px 0px; margin:0px; margin-left:-10px;} 이렇게 되겠죠.....