화면 좌측 정렬 어떻게 해야하나요?

화면 좌측 정렬 어떻게 해야하나요?

QA

화면 좌측 정렬 어떻게 해야하나요?

본문

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

    정렬 하는 방법과

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

 

(그 부분 소스 입니다)5fc0d34e2dfd2d34d3ef93966248c13d_1437464908_374.jpg 

<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

태그가 짝이 다 안맞네요

 


          <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>

 

위 부분을

 

 


          <td class=write_head style="padding-top:10px; line-height:30px;">· 파일첨부<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>
</div>
      </td>

 

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

 

수정 전


<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> 

 

수정 후


<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="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> 

 

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

않됩니다.

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

아니면 스킨 파일을 *** 개인정보보호를 위한 이메일주소 노출방지 *** 으로 보내줘보실래요 ?? 제가 이거 문제 완전히 해결해서 드릴께요.. june55 님이 올리신 소스보니깐 뭔가 table 이랑 div 가 이상하게 짜져있습니다...

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

답변을 작성하시기 전에 로그인 해주세요.
전체 129,406 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT