질문이 있습니다~~ > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

질문이 있습니다~~ 정보

질문이 있습니다~~

본문

로그인 부분에서 문제가 생겼는데요~
 
처음에 아이디 패스워드 라고 글씨가 나올때는
 
입력박스가 둘다 사이즈가 똑같이 나오는데요
 
마우스를 가져다 대면
 
아이디 패스워드 글씨가 사라지고
 
패스워드 입력창이 원래보다 조금 커지는데요
 
위의 그림과 밑의 그림을 보시면
 
로그인 박스 옆쪽에 보면
 
하얀색으로 이미지가 늘어나서 공간이 생긴게 보이는데요.
 
이건 무슨 문제 때문인지 알수 있을까요??
 
테이블 크기가 안맞아서 그런건가요??
 
답변좀 부탁 드립니다~~^^
 
 
 
 
소스
 
<table width="240" border="0" cellspacing="0" cellpadding="0">
         <tr>
          <td background="images/login_in_top.gif" width="240" height="10"></td>
         </tr>
         <tr bgcolor="#f1f2eb">
          <td>
           <table width="240" border="0" cellspacing="0" cellpadding="0">
            <tr>
             <td style="padding:4 21 2 10;"><img src="images/id.gif"></td>
             <td style="padding:0 5 0 0;" align="left"><input name="mb_id" type="text" class=ed size="12" maxlength="20" required itemname="아이디" value='아이디' onMouseOver='chkReset(this.form);' onFocus='chkReset(this.form);'></td>
             <td rowspan="2" style="padding:0 10 0 0;">
              <table width="45" border="0" cellspacing="0" cellpadding="0">
               <tr>
                <td><input type="image" src="images/login_button.gif" border="0"></td>
               </tr>
              </table>
             </td>
            </tr>
            <tr>
             <td style="padding:4 21 2 10;"><img src="images/pw.gif"></td>
             <td style="padding:0 5 0 0;" id=pw1 ><input type="text" class=ed size="12" maxlength="20" tabindex="1" required itemname="패스워드" value='패스워드' onMouseOver='chkReset(this.form);' onfocus='chkReset(this.form);'></td>
             <td id=pw2 style='display:none;' colspan="2"><input name="mb_password" type="password" class=ed size="12" maxlength="20" tabindex="1" itemname="패스워드" onMouseOver='chkReset(this.form);' onfocus='chkReset(this.form);'></td>
            </tr>
           </table>
          </td>
         </tr>
         <tr>
          <td background="images/login_in_down.gif" width="240" height="10"></td>
         </tr>
         <tr>
          <td height="10"></td>
         </tr>
         <tr>
          <td>
           <table width="240" border="0" cellspacing="0" cellpadding="0">
           <tr>
            <td style="padding:0 11 0 0;"><a href="javascript:win_password_forget();"><img src="images/id_pw_button.gif" border="0"></a></td>
            <td><a href="bbs/register.php"><img src="images/join_button.gif" border="0"></a></td>
           </tr>
           </table>
          </td>
         </tr>
        </table>
  • 복사

댓글 전체

<td id=pw2 style='display:none;' colspan="2">
 
여기에다가 style="padding: 0 5 0 0 ;" 이걸 집어 넣으라는 말씀이신가요???

집어 넣어서 해봤는데...

똑같이 나오네요^^;;
무슨 입력창을 말씀하시는지요?

class에서 정의 되거나 가로라면 size나 style로 정의를 합니다....

위 소스를 보아서는 말씀드린 2부분의 차이밖에 못 느끼겠습니다......ㅠ.ㅠ
저기에 패스워드랑 아이디 입력하는 박스 말하는 거죠.ㅎㅎ

패스워드 입력창 커지는걸 보니까 높이가 커지잖아요~~

그 높이를 조절하면 되지 않을까 싶어서..ㅎㅎ

class에서 정의 되었다는 말씀은 뭔 뜻인지 모르겠어요..ㅎㅎ

정말 왕 초보라..ㅎㅎ

관심 감사요^^ㅎ
그래도 질문에 답변 해주실려고 열심히 해주시는데...

저야 잘 몰라서 그렇지만...

해결해 주시는 분이 보기엔 질문의 내용이 너무 막막해서 그러신게 아닐까요..ㅎㅎ
네~~

<td id=pw2 style='display:none;padding: 0 5 0 0 ;'>

이렇게도 해보고

<td id=pw2 style='padding: 0 5 0 0 ; display:none;'>

이렇게도 바꿔봣는데요..ㅠㅠ

이놈이 바뀌기가 싫은가봐요..ㅜㅠ
제가 물어보고 싶은거는..

아이디랑 패스워드 입력하는 네모난 박스 입력창의 크기는 어디서 정의돼있는

건지 알고싶은거에요^^;;ㅋ

음..........

그누보드 아웃로그인 스킨에 있던 소스를 조금씩 ctrl + c, v 해서

저 로그인 박스를 만들었는데요~~

음.. 말이 샜네..ㅎㅎ

아무튼...

아이디랑 패스워드 입력하는 네모난 박스.. 그 부분만...ㅎㅎ

어디서 수정하는지..ㅎ
<input name="mb_id" type="text" class=ed size="12" maxlength="20" required itemname="아이디" value='아이디' onMouseOver='chkReset(this.form);' onFocus='chkReset(this.form);'>

이부분에서 size=12가 입력폼 가로 크기를 정해 줍니다.

class=ed 라면 이는 style.css등에서 높이나 외곽선등을 정해주게 됩니다...
(이는 기본적인 루트의 style.css에 있을겁니다)
링크주소를 본 결과 상단의 다른 에러 외에는 로그인창이 늘어나질 않는데요?......

익스 6.0 입니다만.....ㅠ.ㅠ

캐시를 지우고 한 번 보시지유/....ㅠ.ㅠ
원본 : tabindex="1"
수정 : tabindex="0"

이미 상단에서 가능성을 언급하셨듯이,
스타일시트에서 비롯된 문제일 가능성이
비교적 높을 것 같습니다.
class, 셀id...
인터넷 익스플로러 6.0.2900.2180.xpsp_sp2_gdr.050301 - 1519 요..ㅎㅎ

캐시가 먼지몰라서..인터넷옵션에서 쿠키 그런거 다 지웠더니...

또 다른 오류가 줸장..ㅠㅠ

헤더 인포메이션을 어쩌고 하고 진작에 보내졌다네요..ㅠㅠ

갈수록 망가져 가는..ㅠㅠㅋ
음~~~!

소스를 보니 스타일시트도 안불러 옵니다만...

상단에 발생하는 에러는 html로 작성하시면서 헤더화일 이전에 실행된 부분이 있기에 나타나는 부분입니다...
Warning: Cannot modify header information - headers already sent by (output started at c:\apm_setup\htdocs\xxxxxxx\main.html:2) in c:\apm_setup\htdocs\xxxxxxx\lib\common.lib.php on line 107

이게 메인화면 상단에 3줄 뜨고 메인 화면이 뜨는데요..ㅠㅠ

이게 쿠키가 없어져서 그런건가요??
>>상단에 발생하는 에러는 html로 작성하시면서 헤더화일 이전에 실행된 부분이 있기에 나타나는 부분입니다...

이 내용에 대해서는 본 질답 게시판의 질문글 중 톱10 이내에 들어가는 질문일듯 합니다...^^
메인화면 아무 버튼이나 이것저것 눌러봤더니..

다시 없어지네요..

그럼 이 사이트에 처음 들어오시는 분들은 저 오류 메세지를 무조건

보게 돼는게 아닐까요??
네...새로고침이나 하면은 없어는 집니다만...^^

본 질답게시판에 Cannot modify 로 검색을 해서 살펴 보실것을....^^

로그인창은 계속 그런가요?...
가입일 300일넘으시는 덕구~~**님께 인계하고 더망가야 하나?...호호호~~**

제가 익스와 파이어폭스로 본 로그인폼은 이상이 없는데...왜?.....ㅠ.ㅠ
와우..  엄청난 코멘트 채팅수준이네요..

제가 봐선 마우스 올렸을때 pw1을 pw2로 바꾸는데
그때 input 타입이 하나는 텍스트 입력폼이고 하나는 패스워드 입력폼이라서 틀리게 나오는것 같네요

원래 텍스트와 패스워드 입력폼 사이즈를 똑같이 지정할경우 틀리게 사이즈가 나옵니다.
폼 타입을 수정해 보세요
불여우에서는 이상이 없네요.

지금 열라 거품물고 이유를 찾는 중인데.. 이상한 점 한가지를 발견했습니다. 씨익~
다른계정에 올려서 테스트해보니 문제가 없네요.

아마 CSS쪽을 봐야 할듯 한데.. 쩝. 좀 더 뒤져보고 요청해봐야겠습니다.
그냥 혹시나 해서 아예 CSS 넣어서 파일로 받아가서 테스트 해보시라고 쪽지 드려놨습니다.
이미 주무시러 간것 같습니다. -_-;

근데 정말 별일이군요.. 담배 떨어지셨다니.. 힘드시겠네요.
담배 한 대 피러갑니다.
//<table width="240" border="0" cellspacing="0" cellpadding="0">
    <tr>
//  <td style="padding:4 21 2 10;"><img src="images/id.gif"></td>
    <td style="padding:0 5 0 0;" align="left"><input name="mb_id" type="text" class=ed size="12" maxlength="20" required itemname="아이디" value='아이디' onMouseOver='chkReset(this.form);' onFocus='chkReset(this.form);'></td>
//    <td rowspan="2" style="padding:0 10 0 0;">
          <table width="45" border="0" cellspacing="0" cellpadding="0">
              <tr>
              <td><input type="image" src="images/login_button.gif" border="0"></td>
              </tr>
            </table>
      </td>
    </tr>


패스워드 입력을 제외한 아이디 입력창을 보면
테이블의 전체길이를 240
240 에서
페딩을 4 21 2 10 이죠?  위,오른쪽,밑,왼쪽 순입니다.
여기에서 좌우로 영향을 주는게 21과 10 입니다. 합이 31 이죠.
241-31=209
209 안에서 일을 처리합니다.

그런데 로그인 버튼 이미지 테이블에서 오른쪽에 10을 주었습니다.
그러면
199 안에서 아래의 패스워드가 움직여 줘야 합니다.
이 199에
아래의 패스워드도 맞추어라 하고  rowspan="2" 라고 아래로 맞추기를 주었죠.

pw1 의  td 와  pw2의 td의 페딩이 맞는다면
테이블의 크기를 늘리거나 ,이미지를 줄이시거나
rowspan 을 죽이고 테스트해보세요.
익스플 상단->보기->텍스트크기->보통으로 놓고 테스트.
<td id=pw1 >
</td>
<td id=pw2 style='display:block;'>

우리회사 웹디도 gray라는 외부스킨을 가져다 사용하는데 .. 말하신 그런 현상이 있더군요.
border=1로 해두고 보니
소스보니  id=pw1에 해당하는 td가 사라지던데.

결국.. 사용안하는 id=pw1를 span 으로 처리했더니...
<span id=pw1 style='display:block;' />

마우스 오버해도 .. 괜찮더군요.

참고하세요..................

결론은 id=pw1에 해당하는 것을 span으로 고쳐둔다.................

뭐. 뚝딱뚝딱 대애충~~ 고쳐쓰는거죠. 모
© SIRSOFT
현재 페이지 제일 처음으로