테스트 사이트 - 개발 중인 베타 버전입니다

화면 좌측 정렬 어떻게 해야하나요? 채택완료

june55 10년 전 조회 2,402

1. 작성화면에서 좌측정렬(파일첨부 필드)이 제대로 안되고 밀려서 화면에 보입니다.

    정렬 하는 방법과

2. 그뒤 폼필드의 네모칸(파일첨부 필드)의 수직 높이를 늘리는 방법 도  고수님들 부탁드립니다.

 

(그 부분 소스 입니다) 

<tr>
<tr>
     <td class=write_head>
        <table cellpadding=0 cellspacing=0>
        <tr>
          <td class=write_head style="padding-top:10px; line-height:30px;">
           <td style='padding-left:18px;'>· 파일첨부<br>
         <div align="center">
                <span onclick="add_file();" style="cursor:pointer;"><img src="<?=$board_skin_path?>/img/btn_file_add.gif"></span>
                <span onclick="del_file();" style="cursor:pointer;"><img src="<?=$board_skin_path?>/img/btn_file_minus.gif"></span>
            </td>
        </tr>
        </table>
    </td>
 
    <td style='padding:5 0 5 0;'><table id="variableFiles" cellpadding=0 cellspacing=0 ></table><?// print_r2($file); ?>
        <script type="text/javascript">
        var flen = 0;
        function add_file(delete_code)
        {
            var upload_count = <?=(int)$board[bo_upload_count]?>;
            if (upload_count && flen >= upload_count)
            {
                alert("이 게시판은 "+upload_count+"개 까지만 파일 업로드가 가능합니다.");
                return;
            }

            var objTbl;
            var objRow;
            var objCell;
            if (document.getElementById)
                objTbl = document.getElementById("variableFiles");
            else
                objTbl = document.all["variableFiles"];

            objRow = objTbl.insertRow(objTbl.rows.length);
            objCell = objRow.insertCell(0);

            objCell.innerHTML = "<input type='file' class='ed' name='bf_file[]' title='파일 용량 <?=$upload_max_filesize?> 이하만 업로드 가능'>";
            if (delete_code)
                objCell.innerHTML += delete_code;
            else
            {
                <? if ($is_file_content) { ?>
                objCell.innerHTML += "<br><input type='text' class='ed' size=50 name='bf_content[]' title='업로드 이미지 파일에 해당 되는 내용을 입력하세요.'>";
                <? } ?>
                ;
            }

            flen++;
        }

        <?=$file_script; //수정시에 필요한 스크립트?>

        function del_file()
        {
            // file_length 이하로는 필드가 삭제되지 않아야 합니다.
            var file_length = <?=(int)$file_length?>;
            var objTbl = document.getElementById("variableFiles");
            if (objTbl.rows.length - 1 > file_length)
            {
                objTbl.deleteRow(objTbl.rows.length - 1);
                flen--;
            }
        }
        </script></td>
</tr>
<tr><td colspan=2 height=1 bgcolor=#e7e7e7></td></tr>
<? } ?>
<? if ($is_password) { ?>
<tr>​

 

댓글을 작성하려면 로그인이 필요합니다.

답변 6개

채택된 답변
+20 포인트
10년 전

태그가 짝이 다 안맞네요

 

</p><p>          <td class=write_head style="padding-top:10px; line-height:30px;">
           <td style='padding-left:18px;'>· 파일첨부
 
         <div align="center">
                <span onclick="add_file();" style="cursor:pointer;"><img src="<?=$board_skin_path?>/img/btn_file_add.gif"></span> 
                <span onclick="del_file();" style="cursor:pointer;"><img src="<?=$board_skin_path?>/img/btn_file_minus.gif"></span>
            </td></p><p>

 

위 부분을

 

 

</p><p>          <td class=write_head style="padding-top:10px; line-height:30px;">· 파일첨부
 
         <div align="center">
                <span onclick="add_file();" style="cursor:pointer;"><img src="<?=$board_skin_path?>/img/btn_file_add.gif"></span> 
                <span onclick="del_file();" style="cursor:pointer;"><img src="<?=$board_skin_path?>/img/btn_file_minus.gif"></span></p><p style="margin-left: 40px;"></div>
      </td></p><p>

 

이렇게 변경하셔야 할듯 합니다.

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

j
10년 전

그래도 않되네요~ 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

j
10년 전

수고하셨는데.......

안되네요? 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

​이메일 확인했구요.. 소스 수정해서 다시 발송해드렸습니다. 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

j
10년 전

않됩니다.

파일첨부 아래 +,- 표시만 좌측으로 이동하네요! 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

익명닉네임
10년 전
아니면 스킨 파일을 webmaster@boan.pw 으로 보내줘보실래요 ?? 제가 이거 문제 완전히 해결해서 드릴께요.. june55 님이 올리신 소스보니깐 뭔가 table 이랑 div 가 이상하게 짜져있습니다...

깔끔하게 해결해야될꺼같네요.

댓글을 작성하려면 로그인이 필요합니다.

수정 전

</p><p style="font-size: 14.6666669845581px;"><span style="color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.003999710083px; line-height: 25.2071990966797px;"><tr></span></p><p style="word-break: break-all; color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.003999710083px; line-height: 25.2071990966797px;"><tr>
     <td class=write_head>
        <table cellpadding=0 cellspacing=0>
        <tr>
          <td class=write_head style="padding-top:10px; line-height:30px;">
           <td style='padding-left:18px;'>· 파일첨부
 
         <div align="center">
                <span onclick="add_file();" style="cursor:pointer;"><img src="<?=$board_skin_path?>/img/btn_file_add.gif"></span> 
                <span onclick="del_file();" style="cursor:pointer;"><img src="<?=$board_skin_path?>/img/btn_file_minus.gif"></span>
            </td>
        </tr>
        </table>
    </td> </p><p><span style="color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.003999710083px; line-height: 25.2071990966797px;">

 

수정 후

</p><p><span style="color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.003999710083px; line-height: 25.2071990966797px;"><tr></span></p><p style="word-break: break-all; color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.003999710083px; line-height: 25.2071990966797px;"><tr>
     <td class=write_head>
        <table cellpadding=0 cellspacing=0>
        <tr>
          <td class=write_head style="padding-top:10px; line-height:30px;">
           <td style='padding-left:18px;'>· 파일첨부
 
         <div align="left">
                <span onclick="add_file();" style="cursor:pointer;"><img src="<?=$board_skin_path?>/img/btn_file_add.gif"></span> 
                <span onclick="del_file();" style="cursor:pointer;"><img src="<?=$board_skin_path?>/img/btn_file_minus.gif"></span>
            </td>
        </tr>
        </table>
    </td> </p><p><span style="color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.003999710083px; line-height: 25.2071990966797px;">

 

즉 <td> 안의 파일펌부 바로 아래 <div align="center"> 를 <div align="left"> 로 바꿔보시길 바랍니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인