묻고답하기
로그인 하는 페이지에 치수오류 수정방법이요? ㅠ ㅠ
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을 사용하는 부분이 있어서 배경이미지 때문에 여러곳에서 원하는 것과 다르게 표현될 소지가 남아 있습니다. -
그렇군요. 알려주셔서 감사해요. 정말 많은 도움이 되었습니다.
| 글쓴이 | 제목 | 최종 글 |
|---|---|---|
| XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
| 밀로그 | mp3파일을 게시판에 업로드하고 본문삽입시. | |
| 김영진589 |
제발 제 홈페이지 오류좀 잡아주세요.
[2]
 | 2009.04.19 by 김영진589 |
| 최소영329 | 로그인정보출력 위젯의 내용변경(저장함,친구보기,쪽지함보기 없애는 방법)-부탁드려요..제발 도와주세요. [2] | 2009.04.18 by sakurastorm |
| 안준석758 |
플래시 메뉴 질문 드립니다.
| |
| 홍국인 |
댓글달때 ''내용의 값을 입력해주세요''라고뜹니다
| |
| 잭션 | [질문] 게시판 주위 이미지가 안보이는 현상 [3] | 2009.04.18 by 잭션 |
| 우리아기 | 블로그rss가 오류가 걸립니다. [2] | 2009.04.18 by 우리아기 |
| 지우개님 | 완전히 미치 겠습니다. [4] | 2009.04.18 by 비나무 |
| 밀로그 | 급함-아시는분 제발좀;;(에딧컴퍼넌 설문) [1] | 2009.04.18 by 비나무 |
| 왕초보408 | 그룹(회원)을 기반으로한 검색기능에 관한 질문입니다 | |
| June Oh |
테스트 글입니다.
| |
| 자반튀김 | 사진 본문삽입해도 갑자기 보였다 사라지는 사진들 [8] | 2009.04.18 by 자반튀김 |
| sosiandante | 사이트 전체 폰트 ㅇㅅㅇ [7] | 2009.04.19 by 히카루(아오) |
| 박노열 | ftp와 관련한 문의입니다. [15] | 2009.04.19 by Habile |
| 재호군. | XE 1.2.1 로 블로그를 작성 중 입니다. [2] | 2009.04.19 by 재호군. |
| 정진철170 | 약간의 프로그램수정 요하는 일 수주합니다. 간단한것임... | |
| 이니1111 | 제로보드 설치해서 홈피에 게시판넣고싶어요~~ [3] | 2009.04.19 by NineTail |
| 말년병장 | 부탁드립니다 실례를 무릅쓰고 올립니다. [4] | 2009.04.19 by NineTail |
| N\''song |
최근댓글에 제목 글자 크기 바꾸기 어떻게 하죠?
| |
| 전형철587 | 게시판 권한 설정 관련 문의 |
.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{로 바꾸시면 됩니다.