묻고답하기
드롭다운메뉴 칸 넓이 다시한번 죄송하지만 문의드립니다.
2010.09.11 20:00
상단 메인 메뉴에 마우스를 대면
밑으로 스르륵 내려오는 이차 메뉴 있지요.
거기에 요즘 보면 메뉴의 칸이 아래처럼 메뉴명이 꽉 차게 현재 되어있습니다.
padding다음의 숫자는(상단 우측 아래 좌측)순서 알아서 수정하시면 될 듯 합니다. 위의 답변대로 여기저기 붙여봤는데...바깥쪽 셀은 넓어진듯한데... 안쪽 칸을 나눈 부분은 넓어지지 않네요 헐~~ 다시 한번 부탁드려도 될까요?? ㅡㅡ;; 소스가 아래와 같던데요 ㅠㅠ;; /* menuLine drop down sub menu */
.dmSubMenu { position:absolute; padding:0px; margin:0px; *margin:0px; border:1px solid #a2a4af; background:#fff; visibility:hidden; z-index:100; }
.dmSubMenu ul {margin: 0; padding: 0; border: 1px solid #d3f5cc; overflow: hidden;}
.dmSubMenu ul li {list-style: none; border-top: 1px solid #d3f5cc; margin-top: -1px;}
.dmSubMenu ul li a { display:block; font:normal 12px dotum; color:#555; padding:7px 8px; _padding:7px 8px 5px 8px; margin:0px; }
.dmSubMenu ul li a:hover { color:#192221; text-decoration:none; background:#efefef; }
.dmSubMenu ul li.on{ margin:0px; padding:0px; border-bottom:none; }
padding다음의 숫자는(상단 우측 아래 좌측)순서 알아서 수정하시면 될 듯 합니다. 위의 답변대로 여기저기 붙여봤는데...바깥쪽 셀은 넓어진듯한데... 안쪽 칸을 나눈 부분은 넓어지지 않네요 헐~~ 다시 한번 부탁드려도 될까요?? ㅡㅡ;; 소스가 아래와 같던데요 ㅠㅠ;; /* menuLine drop down sub menu */
.dmSubMenu { position:absolute; padding:0px; margin:0px; *margin:0px; border:1px solid #a2a4af; background:#fff; visibility:hidden; z-index:100; }
.dmSubMenu ul {margin: 0; padding: 0; border: 1px solid #d3f5cc; overflow: hidden;}
.dmSubMenu ul li {list-style: none; border-top: 1px solid #d3f5cc; margin-top: -1px;}
.dmSubMenu ul li a { display:block; font:normal 12px dotum; color:#555; padding:7px 8px; _padding:7px 8px 5px 8px; margin:0px; }
.dmSubMenu ul li a:hover { color:#192221; text-decoration:none; background:#efefef; }
.dmSubMenu ul li.on{ margin:0px; padding:0px; border-bottom:none; }
댓글 1
-
ForHanbi
2010.09.11 20:18
두가지 방법이 있습니다.아래 메뉴의 넓이를 지정해 버리는 방법 .dmSubMenu ul li a a{width:100px */ 원하는 넓이 넣으시면 됨/*}또는 아래 메뉴의 글자 넓이에 따라 상대적으로 넓게 설정하는 방법.dmSubMenu ul li a a{padding:7px 20px; _padding:7px 20px 5px 20px;*/ 원하는 넓이 넣으시면 됨 "_" 표시는 익스6용/*} -
drimilda
2010.09.11 20:41
아 감사합니다.^^ 덕분에 수정할수 있었고 또 하나 배웠습니다. 감사드려요^^
