테마 스킨에서 대메뉴 글자수랑 간격 어떻게 수정해야하나요?
관련링크
본문
아래 테마로 작업하고 있는데요..
http://sir.co.kr/g5_theme/228?page=2#c_546
상단메뉴 글자수가 길어지면 잘리는데...
해서 오른쪽 상단 검색부분을 삭제해서 공간은 확보를 했는데...
늘어난 메뉴바 공간만큼... 대메뉴 글자 하나가 기존 5글자가 기준이면 10글자로 표현해야하는데..
(가령 대메뉴수가 5글자면 잘표현되는데..10글자면...5글자 이후로 ... 표시로 나오는데
이부분을 원래 대메뉴 글자수 10자 다보이게 하고싶어요..)
메뉴글자수가 좀 길어도 다 표현하라면 어떻게 수정해야하나요???
아울러 메뉴 글자수가 늘어난만큼... 롤오버시 메뉴배경도 같이 글자수가 맞게 늘었으면 좋겠는데...
(위에 대메뉴 글자수가 10글자로 늘어난만큼... 롤오버시 메뉴배경도 늘어난만큼 자동으로 늘리고싶어요...)
아무리 CSS를 수정해봐도.....
계속 메뉴글자수와 롤오버시 메뉴배경이 왼쪽기준으로 정렬되서...
글자도 잘리고...롤오버 메뉴배경은 꿈적도 않고...ㅜ
프로그래머가 아니라 그런지..계속 헤매고 있네요..ㅜㅜ
조언좀 부탁드립니다..ㅜㅜ
답변 2
.gnb_1dli {z-index:10;position:relative;float:left;width:117px;text-align:center;}
a.gnb_1da {padding-right:10px;display:inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;font-weight:bold;line-height:2.95em;text-decoration:none;color:#fff;height:55px;line-height:55px;display:block;font-size:1.17em}
a.gnb_bg{background:url('../img/gnb_bg.gif') 100px 50% no-repeat;}
여기만 이렇게 변경해보세요.
.gnb_1dli {z-index:10;position:relative;float:left;text-align:center;}
a.gnb_1da {padding:0 15px;display:inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;font-weight:bold;line-height:2.95em;text-decoration:none;color:#fff;height:55px;line-height:55px;display:block;font-size:1.17em}
a.gnb_bg{}
정말 감사합니다~~`
작업하다 안풀려서 여기저기 인터넷뒤지고 혹시나 하고 봤는데.
이렇게~~~~ 우와~~~~ 정말 감사합니다~~~
작은별님덕분에~~~~ 5시간동안 헤맨문제가 한방에 싹~~~ 풀렸습니다~~~^^
참고로 혹시몰라 하나더 아래처럼 수정했더니 메뉴길이가 길어지던 상관없이..
전부 메뉴바 간격이 보기좋게 더 나열되었네요~
.gnb_1dli {z-index:10;position:relative;float:left;text-align:center;}
a.gnb_1da {padding:0 15px;display:inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;font-weight:bold;line-height:2.95em;text-decoration:none;color:#fff;height:55px;line-height:55px;display:block;font-size:1.17em}
a.gnb_bg{}
작은별님이 조언해주신 여기에서
.gnb_1dli {z-index:10;position:relative;float:left;text-align:center;}
a.gnb_1da {padding:0 30px;display:inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;font-weight:bold;line-height:2.95em;text-decoration:none;color:#fff;height:55px;line-height:55px;display:block;font-size:1.17em}
a.gnb_bg{}
이렇게 a.gnb_1da {padding:0 30px 값을 15에서 30으로 주었더니~~
아주 깔끔하게 메뉴길이에 상관없이 메뉴바 안의 간격이 자동으로 정렬이 되었습니다~~~
정말 작은별님~~~ 감사합니다~~~~
