채택완료

그누5 롤오버 되는 칸 넓이 어디서 늘리나요?

2014-12-02 (화) 18:12:52 2,767

안녕하세요 그누보드5 를 처음 접했는데요

롤오버시 변하는 색 부분 높이는 어디서 건드는 건지 모르겠어요 ㅠㅠㅠ

첨부했습니당 고수님들 도와주세요

아래 보시면 롤어버된 빨간색 칸이 위아래로 좀 꽉차게 하고 싶은데 ㅠㅠ

여기저기 수치를 변경해봐도 안되더라구요

6908df33898daa9fe9b7ed4ac18d6a83_1417511527_1923.jpg 

|

답변 1개

채택된 답변
+20 포인트
2014-12-02 (화) 18:39:51

원본은 동일합니다.

수정하신 내용이 무엇인지 원본과 대조해보세요.

http://demo.sir.co.kr/gnuboard5

데모 사이트를 보면 높이가 동일합니다.

http://liberta1980.co-story.net 

최대한 비슷한 상황으로 일부러 만들어보았습니다.

css/default.css 

/* 메인메뉴 */

#gnb {position:relative;margin:-1px 0 0;border-top:1px dotted #dde4e9;border-bottom:1px solid #dde4e9;background:#ecf0f7}

#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#gnb_1dul {margin:0 auto !important;padding:0;width:970px;zoom:1}

#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}

.gnb_1dli {z-index:10;position:relative;float:left}

.gnb_1da {display:inline-block;margin:10px 0;padding:0 40px 0 10px;height:35px;background:url('../img/gnb_bg00.gif') center right no-repeat;font-weight:bold;line-height:2.95em;text-decoration:none}

.gnb_1da:focus, .gnb_1da:hover {background:url('../img/gnb_bg00.gif') #333 center right no-repeat;text-decoration:none}

.gnb_1dli_air .gnb_1da {background-color:#333;color:#fff}

.gnb_1dli_on .gnb_1da {background-color:#ff0000;color:#fff}

.gnb_2dul {display:none;position:absolute;top:45px;width:180px}

.gnb_2da {display:block;padding:13px 10px;text-align:left;text-decoration:none}

.gnb_1dli_air .gnb_2da {background-color:#333;color:#fff}

.gnb_1dli_on .gnb_2da {background-color:#333;color:#fff}

.gnb_2da:focus, .gnb_2da:hover {background:#666;text-decoration:none}

.gnb_1dli_over .gnb_2dul {display:block;left:0;background:#fff}

.gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff} 

margin:10px 0; 삽입 

background-color:#ff0000; 수정 

top:45px; 수정

이런 상황이 되는 것은... 위 예와 같이 어딘가에 마진값이나 패딩값을 임의로 입력하셨기 때문입니다.

늘리려면... 앞서 답변드린 내용을 참고하세요.

답변을 작성하려면 로그인이 필요합니다.