묻고답하기
로그인 하는 페이지에 치수오류 수정방법이요? ㅠ ㅠ
2011.06.30 14:35
처음으로 xe를 사용하여 홈페이지를 만들고 있습니다.
겨우겨우 만들고 있는데..
언제부턴가 로그인 폼 (dispMemberLoginForm)이 이상해요.
길게 내려간 .. 길어진 부분을 수정할 수 있도록 꼭 좀 도움 부탁드립니다.
http://www.ydhanwoo.com
홈페이지 들어가면 상단 로그인 클릭하면 나오는 페이지입니다.
아 또 하나~
xe스쿨에서 본 스마트 로그인(심플한 상단 로그인)을 사용하고 있는데...( 이거랑 상관있는건지는 모르지만)
로그인하는 폼에 커서가 깜빡이잖아요. 바로 아이디 타이핑하면 입력이 되는데..
마우스로 한번 폼안을 클릭하면 커서가 없어지고 얼어버려요.
제 컴퓨터에서만 그러는 건지 아님 뭔가 문제가 있는건지 확인부탁드려요.
이거는 xe스쿨에서도 같은 현상이 일어나요.
겨우겨우 만들고 있는데..
언제부턴가 로그인 폼 (dispMemberLoginForm)이 이상해요.
길게 내려간 .. 길어진 부분을 수정할 수 있도록 꼭 좀 도움 부탁드립니다.
http://www.ydhanwoo.com
홈페이지 들어가면 상단 로그인 클릭하면 나오는 페이지입니다.
아 또 하나~
xe스쿨에서 본 스마트 로그인(심플한 상단 로그인)을 사용하고 있는데...( 이거랑 상관있는건지는 모르지만)
로그인하는 폼에 커서가 깜빡이잖아요. 바로 아이디 타이핑하면 입력이 되는데..
마우스로 한번 폼안을 클릭하면 커서가 없어지고 얼어버려요.
제 컴퓨터에서만 그러는 건지 아님 뭔가 문제가 있는건지 확인부탁드려요.
이거는 xe스쿨에서도 같은 현상이 일어나요.
댓글 3
-
ForHanbi
2011.06.30 14:41
-
아 감사합니다. 안그래도 스마트로그인은 금방 id로 바꿔보기도 했는데.. header가 문제였군요.
-
근데 죄송하지만 제 홈페이지 로그인하는 페이지에 다시 들어가서 아이디 넣는 폼에 마우스 클릭했을때 커서가 없어지고 얼어버리는지 확인 좀 해주시겠어요? 그냥 제 컴퓨터가 문제였으면 좋겠는데..부탁드립니다.
-
ForHanbi
2011.06.30 14:54
크롬에서는 문제가 없더군요 -
그렇게 수정하니 문제가 생겼어요. header안에 들어있던 메뉴의 서브메뉴가 나타나지 안더라구요. 다시 class로 바꿔주고 송동우님 말씀대로 420값을 빼버리고 html에서 위치 잡아주니 괜찮아졌어요. 왜그런지는 모르지만 서서히 공부하겠습니다. 감사합니다.
-
송동우
2011.06.30 14:48
개발자 도구로 보니까
andz_layout.css.header 부분의
height 값 (420px) 를 없애니까 바로 보이는 것 같네요
로그인 폼에 클릭하면 얼어버리는 현상은
ie8으로 해 봤는데
ydhanwoo.com 에서도 xeschool 에서도
그런 현상이 안 나타나네요...
다른 웹브라우저를 한 번 사용해 보세요... -
늘 답변 감사합니다. 윗분 말씀대로 header의 클래스를 아이디로 바꾸니까 수정되었습니다. 아직 초짜라 height값 420안에 메인이미지가 들어가는데 그값을 빼버리면 의도했던 위치고정이 어려워 지울수가 없습니다. ㅠ ㅠ 아 그렇군요. 로그인 테스트...해주셔서 감사합니다. 다행이네요.^^
-
forhanbi님 말씀처럼 수정하니 header에 있던 메뉴의 서브메뉴가 안나타나지더라구요. 그래서 송동우님 의견대로 420px를 없애고 그것을 html에서 처리하였습니다.^^
-
ForHanbi
2011.06.30 18:19
js 부분에도 수정해야 하기에 생기는 문제이고요.
다시한번 말씀드리지만 .header 부분을 class명으로 사용해 버리면 다른 여러곳에서 문제가 발생할 수 있습니다.
좀 수고스럽더라도 header을 class가 아닌 id를 사용하는게 나중에도 편하실겁니다.jQuery(function($){});
// Language Select
$('.language>.toggle').click(function(){
$('.selectLang').toggle();
});
// Global Navigation Bar
var gMenu = $('.header>div.gnb');
var gItem = gMenu.find('>ul>li');
var ggItem = gMenu.find('>ul>li>ul>li');
var lastEvent = null;
gItem.find('>ul').hide();
gItem.filter(':first').addClass('first');
function gMenuToggle(){
var t = $(this);
if (t.next('ul').is(':hidden') || t.next('ul').length == 0) {
gItem.find('>ul').slideUp(200);
gItem.find('a').removeClass('hover');
t.next('ul').slideDown(200);
t.addClass('hover');
};
};
function gMenuOut(){
gItem.find('ul').slideUp(200);
gItem.find('a').removeClass('hover');
};
gItem.find('>a').mouseover(gMenuToggle).focus(gMenuToggle);
gItem.mouseleave(gMenuOut);
이 부분에서
var gMenu = $('.header>div.gnb');를
var gMenu = $('#header>div.gnb');로 바꾸시면 됩니다.
게시판 쪽에도 .header을 사용하는 부분이 있어서 배경이미지 때문에 여러곳에서 원하는 것과 다르게 표현될 소지가 남아 있습니다. -
그렇군요. 알려주셔서 감사해요. 정말 많은 도움이 되었습니다.
.header{}zoom:1;
z-index:2;
position: relative;
height: 420px !important;
background-image: url(../images/headerimg_main.jpg);
background-repeat: no-repeat;
background-position: center top;
부분 때문에 생기는 문제입니다.
레이아웃에서는 header을 class로 사용하기 보다는 id로 사용해야 다른 xe의 .header 부분과 충돌을 안하는데 아마 레이아웃 제작자가 아직 그 부분까지 인지 못한거 같습니다.
layout.html 가셔서 class="header"을 id="header"로 바꾸시고 위의 css에서
.header{를
#header{로 바꾸시면 됩니다.