테마 스킨에서 대메뉴 글자수랑 간격 어떻게 수정해야하나요?

테마 스킨에서 대메뉴 글자수랑 간격 어떻게 수정해야하나요?

QA

SIR 제작의뢰 - 견적무료/익명보정/호스팅, DB 이전/단기개발. 이젠 ' 의뢰인'이 원하는 '제작자'에게만 연락처를 알릴 수 있습니다.

테마 스킨에서 대메뉴 글자수랑 간격 어떻게 수정해야하나요?

본문

아래 테마로 작업하고 있는데요..

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으로 주었더니~~

 

아주 깔끔하게 메뉴길이에 상관없이 메뉴바 안의 간격이 자동으로 정렬이 되었습니다~~~

 

 

정말 작은별님~~~ 감사합니다~~~~

 

주소복사
답변의 댓글
답변을 작성하시기 전에 로그인 해주세요.
전체 81,192 | RSS
고마운 분의 도움으로 질문을 해결하셨다면, 채택을 눌러서 감사의 마음을 전하세요.
어떻게 질문해야 할지 모른다면 질문하는 방법을 읽어 보신후 질문해 보세요.
QA 내용 검색

회원로그인

진행중 포인트경매

  1. [잔액관리형] 아웃백디지털상품권 10만원권 3장

    참여10 회 시작19.12.06 00:03 종료19.12.11 00:03

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT