메인메뉴 1차 사이간격을 기본 간격보다 더 줄이고 싶습니다.
어디 부분을 수정해야 하나요?
2타입 영역 사용하고 있습니다.
메인메뉴 1차 사이간격을 기본 간격보다 더 줄이고 싶습니다.
어디 부분을 수정해야 하나요?
2타입 영역 사용하고 있습니다.
그게요 레이아웃설정에는 수치를 늘리는 것만 보이던데 제가 잘못봤나요?
▼ 메인메뉴 1차 사이간격 << 여기서 설장하고
숫자10을 적용시 사이간격-> 기본+20px적용됨)
즉 설명보면 기본은 고정에 수치를 입력하면 + 가 된다 .......... 즉 지금 기본상태에서 늘리는 것만 되는게 아니었나요?
그리고 하나더 질문할게요.
이미지로 메뉴를 만들었더니 지금 메뉴명들이 하단으로 내려와있습니다.
이걸 중간으로 위치를 올리고 싶은데 어디를 손봐야할지 모르겠습니다.
http://rounting.co.kr < 여기 가보시면...
상황을 아실겁니다.
상단메뉴 간격을 더 줄여서 하단에 쳐진 메뉴를 한줄로 표기하고 싶고.
현제 메뉴들이 하단으로 내려가있는데 이걸 정중앙에 위치 시키고 싶은겁니다
아래로 쳐진 부분은 어떻게 위로 올리나요? 이건 코드 수정해야 할듯한데
간격 조절이 3이하로는 안떨어 지나보군요...
메뉴를 줄이던가 해야겠네요.
혹시 3이하로 더 붙일 수 있는 방법이 있다면 궁금합니다.
그리고 메뉴들 위로 올리는 방법도 알려주시면 감사하겠습니다.
그리고 다른 브라우져로 보니깐.
파폭 / 크롬과 익스8은 메뉴얼에 나와있 듯이 호환이 되는데
익스9는 메뉴가 틀어지네여. 이부분을 좀 해결하고 싶은데.
어디쪽 손을 봐야하는지 궁금합니다.
익스9에 경우.. 해당부분은 고객님이 따로 소스코드를 보시고 해결하실 수 없는부분입니다..
여기에서 간략하게 몰 고치라고 말하기도 사실 난해하고요... 복잡한부분이라서..
결론은 제가 개발코드보고 케어를 해야됩니다..간격 테스트도 정확히 해바야되고..
그리고 익스가 참 까다로운 놈입니다.. 5가지 브라우져가 전부 모든 간격이 맞는게 아닙니다.
조금에 간격에 차이가 있는건 어쩔수 없습니다..
사실 말씀드리면 5가지 브라우져를 그림처럼 똑같이맞추는건 쉬운일이 아닙니다..
최대한 큰구조를 절대뒤틀리지 않게 하는게 목적이지요...
참고로.. 메뉴간격등 세부 간격같은경우는 조금 오차를 솔직히 맞추기가 어려울때가 많답니다..
정확하지 않아요.. 브라우져마다.. 최대한 맞추는것 뿐이죠.. 이건 사용자분도 조금 이해해주셔야 하는부분입니다.
직접 레이아웃을 개발해 보시면 아실겁니다.^^
결론적으로.. 말씀하신.."익스9" 메뉴 틀어지는 경우는 제가 테스트및 확인해보고, 차후 패치해드릴테니.
나중에 공지확인후 패치하시면됩니다. 조금 기달려주세요.
지금 외부라 1차메뉴 위로 올리는건 조금이따..코드보고 알려드릴게요.
그리고 지금보니 1차를 이미지로 하신거 같은데.. 이미지 "높이값,넓이값"을 너무 크게 잡으셔서 이미지 저장하셧네요.
텍스트 글자에 딱맞게 컷팅 하셔야 지금처럼 메뉴 뒤틀림이나 메뉴사이간격이 정확하겟죠...사이간격도 더 줄겟구요.....
이해되시는지요??
미리보기 사이트에 보시면 알겟지만 1차메뉴 폰트크기정도가 기준입니다.. 이미지도 최대한 맞춰서 작업해주셔야..
미리보기 사이트처럼 메뉴뒤틀림도 적고. 사이라인 "|" 도 뒤틀리지 않는답니다.. 이해되시죠??
결론적으로
이미지텍스트를 가로*세로를 최대한 테스트에 맞게 픽스되게 잘라서..
작업해서 넣으시고.. 그래야 지금처럼 덜 뒤틀리겠죠.... 그리고 이이후에 그 상황에 맞춰서 1차메뉴를 위로 올리시는 간격을 정하시는게 맞는거 같네요...
수고하세요.
아래첨부파일로 고객님 1차메뉴를 어떻게 잘라야 효과적인지 샘플로 잘라드렷습니다.
참고하시면 되겟네요..수고세요..
이미지컷팅 예시)
제가 오늘 여러가지 컴퓨터로 테스트 해본결과..
메뉴얼에 파폭+크롬+익스8 은 호환이 되고 규격이 맞춰있다고 써있는데요 메뉴얼에...
지금 메뉴 삐져 나오는것이..
파폭+크롬에서는 삐져나옴 없이 정상적으로 나옵니다.
그리고 익스 8에서는 여전히 삐져 나오구여..
익스9야 머 적용이 안되있으니깐 상관없지만
크롬+파폭+익스8서로 다르네요 .
이게 이미지를 제가 재대로 짜르지 못한것이 문제인지 파악하기 위해서
현재 이미지를 위에 알려주신 방법대로 다시 한번 적용해보고 질문 올리겠습니다.
답변 감사합니다.
위쪽 중간정도에.. 고객님이 댓글 써준거 보시면. "파폭+크롬 익스8"은 "메뉴얼에 맞게 호환"이 된다고 직접 말씀하셧는데.
익스8에서 다시? 증상이 나타난다는게 무슨말인가요.^^ 제가 잘못본것 일까요??^^
익스9에대해서 문제제기를 하셧잖아요. 그래서 제가 익스9도 최대한 메뉴부분을 봐드리겟다고 말씀드린건데.^^
결론적으로... 메뉴부분에 대해서.. 익스8에서 파폭+크롬에서 보이는것과 틀리다면. 최대한 맞춰서 패치해야겠지요.^^(미리보기 사이트 기준으로)
그럼 고객님도 안삐져 나오겟지요.^^
헌대.. 지금 그레이포탈 "미리보기 사이트"를 보시면 아시겟지만. 익스8+파폭+크롬 전부 똑같이 보이세요. (이상이 없다는 거겟죠.^^) 혹시 확인해 보셧는지요.??
결론은..
저도 확인해 봐야알겟지만. 사이간격이 "기본간격"일때는 익스 파폭 크롬이 정상인데.. (미리보기 사이트가 기본간격 상태 입니다.)
사이간격을 사용자가 임의로 관리자에서 간격을 입력 했을때,,,
익스8 에서만 현재처럼 그렇게 틀리게 나오는거 같네요....(다른브라우져비해.. 익스가 간격에 많이 예민합니다...)
제가 이건 최종 확인해보고, 최대한 맞게 패치를 해드릴게요. ^^
수고하시고. 지금 이미지 컷팅후 넣었을때 결과도 알려주세요 그럼.^^
위에 부분이야 머 제가 메뉴를 줄이건 사이즈를 줄이건 해결을 해야할 부분인 듯 하구여.
메뉴를 상단으로 올리는 법은 시간나시면 답변 부탁드립니다.
네. 알겟습니다.^^
우선.
xe/layouts/grey_portal/css/top_menu_de.css 여시고
32번째줄 아래 빨간색부분 숫자 조절하세요.
-----------------------------------------------------------------------------------------------------------------
#menu_st2 ul.m_gp1_st2{float:left; list-style:none; text-transform:none; margin:13px 0 0 20px; margin:14px 0 0 20px\9; letter-spacing:-0.07em; zoom:1; display:inline;}
-----------------------------------------------------------------------------------------------------------------
*참조
margin:13px 0 0 20px; => 파폭+크롬 경우
margin:14px 0 0 20px\9; =>익스8일 경우(파폭+크롬경우보다 "+1px" 높게 입력해주셔야 브라우져간 위치가 동일합니다.)
수고하세요.
관리자 보시면 1차사이간격 설정하는곳 잇어요.
매뉴얼 보시고 수정하세요.