브레스웹님의 팝업창 게시판 수정 적용시 1mm 정도 그림이 밀리는 현상 정보
브레스웹님의 팝업창 게시판 수정 적용시 1mm 정도 그림이 밀리는 현상본문
혹시 브레스웹님의 팝업창 게시판 적용시 1mm정도 그림이 밀리는 현상 해결하신 회원님 계시면 답변좀 부탁드립니다.
팁 정보를 보고 팝업 여러개 띄우기, 위치정해 띄우기 등 문제를 잘 해결했는데...
글쎄, 팝업창 적용시 1mm정도 하얀 공백이 있어서 왠지 이상하네요.
혹시나 해서 적용한 latest.skin.php파일 올립니다.
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
for ($i=0; $i<count($list); $i++) {
if ($i > 0)
$title = get_text($list[$i][wr_subject]);
$content = nl2br($list[$i][wr_content]);
$wr_id = "pop".$list[$i][wr_id] ;
//$ileft = $i +$i +$i +$i +$i +$i +$i +$i + 100;
//$itop = $i +$i +$i +$i +$i +$i +$i +$i + 100;
if ($i > 0)
$title = get_text($list[$i][wr_subject]);
$content = nl2br($list[$i][wr_content]);
$wr_id = "pop".$list[$i][wr_id] ;
//$ileft = $i +$i +$i +$i +$i +$i +$i +$i + 100;
//$itop = $i +$i +$i +$i +$i +$i +$i +$i + 100;
$left_margin = array("100","500","100","500");
$ileft = $left_margin[$i];
$top_margin = array("50","50","100","100");
$itop = $top_margin[$i];
$ileft = $left_margin[$i];
$top_margin = array("50","50","100","100");
$itop = $top_margin[$i];
$img = "$g4[path]/data/file/$bo_table/".urlencode($list[$i][file][0][file]);
if (!file_exists($img) || !$list[$i][file][0][file])
echo "";
if ($list[$i][wr_1] == "실행")
{
?>
<SCRIPT language=javascript>
<!--
clicked = false;
function startDrag<?=$wr_id?>(cx,cy) {
clicked = true;
pleft=parseInt(document.getElementById("<?=$wr_id?>").style.left);
ptop=parseInt(document.getElementById("<?=$wr_id?>").style.top);
dragxcoor=cx;
dragycoor=cy;
document.onmousemove = dragBox<?=$wr_id?>;
}
function stopDrag<?=$wr_id?>() {
clicked = false;
}
function dragBox<?=$wr_id?>(evt) {
e = evt || event;
if (clicked == true) {
newx = pleft+e.clientX-dragxcoor;
newy = ptop+e.clientY-dragycoor;
document.getElementById("<?=$wr_id?>").style.left=newx;
document.getElementById("<?=$wr_id?>").style.top=newy;
// return false;
}
}
document.onmousemove = dragBox<?=$wr_id?>;
-->
</SCRIPT>
<script language="JavaScript">
<!--
function setCookie<?=$wr_id?>( name, value, expiredays ) {
var todayDate = new Date();
todayDate.setDate( todayDate.getDate() + expiredays );
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}
echo "";
if ($list[$i][wr_1] == "실행")
{
?>
<SCRIPT language=javascript>
<!--
clicked = false;
function startDrag<?=$wr_id?>(cx,cy) {
clicked = true;
pleft=parseInt(document.getElementById("<?=$wr_id?>").style.left);
ptop=parseInt(document.getElementById("<?=$wr_id?>").style.top);
dragxcoor=cx;
dragycoor=cy;
document.onmousemove = dragBox<?=$wr_id?>;
}
function stopDrag<?=$wr_id?>() {
clicked = false;
}
function dragBox<?=$wr_id?>(evt) {
e = evt || event;
if (clicked == true) {
newx = pleft+e.clientX-dragxcoor;
newy = ptop+e.clientY-dragycoor;
document.getElementById("<?=$wr_id?>").style.left=newx;
document.getElementById("<?=$wr_id?>").style.top=newy;
// return false;
}
}
document.onmousemove = dragBox<?=$wr_id?>;
-->
</SCRIPT>
<script language="JavaScript">
<!--
function setCookie<?=$wr_id?>( name, value, expiredays ) {
var todayDate = new Date();
todayDate.setDate( todayDate.getDate() + expiredays );
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}
function closeWin<?=$wr_id?>() {
if ( document.notice_form<?=$wr_id?>.chkbox.checked ){
setCookie<?=$wr_id?>( "<?=$wr_id?>", "done" , 1 );
}
if ( document.notice_form<?=$wr_id?>.chkbox.checked ){
setCookie<?=$wr_id?>( "<?=$wr_id?>", "done" , 1 );
}
document.all['<?=$wr_id?>'].style.visibility = "hidden";
}
//-->
</script>
}
//-->
</script>
<div id="<?=$wr_id?>" style="position:absolute; left:<?=$ileft?>px; top:<?=$itop?>; z-index:200; visibility:visible; display:table; cursor:move" onmousedown="startDrag<?=$wr_id?>(event.clientX,event.clientY)"
onmouseup="stopDrag<?=$wr_id?>()">
<table border='0' cellspacing='0' cellpadding='0' bgcolor="#FFFFFF">
<tr>
<td width='7'><img src='<?=$latest_skin_path?>/img/bg_01.gif' width='7' height='31'></td>
<td background='<?=$latest_skin_path?>/img/bg_04.gif'><img src='<?=$latest_skin_path?>/img/bg_02.gif' width='97' height='31'></td>
<td background='<?=$latest_skin_path?>/img/bg_04.gif'><div align='right'><img src='<?=$latest_skin_path?>/img/bg_06.gif' width='114' height='31'></div></td>
<td width='7'><img src='<?=$latest_skin_path?>/img/bg_07.gif' width='7' height='31'></td>
</tr>
<tr>
<td background='<?=$latest_skin_path?>/img/bg_22.gif'><img src='<?=$latest_skin_path?>/img/bg_22.gif' width='7' height='1'></td>
<td colspan='2' valign='top'>
<?
if ($list[$i][file][0][file])
{
echo "<a href='{$list[$i][wr_link1]}' target='{$list[$i][wr_2]}'><img src='{$img}' border='0'></a>";
}
else
{
echo "<table width='367' border='0' cellspacing='0' cellpadding='0'>";
echo "<tr>";
echo "<td width='23'><img src='{$latest_skin_path}/img/bg_09.gif' width='23' height='27'></td>";
echo "<td width='320' background='{$latest_skin_path}/img/bg_11.gif'><div align='center'><img src='{$latest_skin_path}/img/bg_11.gif' width='1' height='27'></div></td>";
echo "<td width='24'><img src='{$latest_skin_path}/img/bg_13.gif' width='24' height='27'></td>";
echo "</tr>";
echo "<tr>";
echo "<td background='{$latest_skin_path}/img/bg_23.gif'><img src='{$latest_skin_path}/img/bg_23.gif' width='23' height='1'></td>";
echo "<td valign='top'>";
echo "<table width=100% border=0 cellspacing=0 cellpadding=0 align=center>";
echo "<tr><td height=25><font color=#416B01>♣ <b>{$list[$i][wr_subject]}</b></font></td><td align=right>{$list[$i][datetime]}</td></tr>";
echo "<tr><td height=1 colspan=2 bgcolor=#cccccc></td></tr>";
echo "<tr><td height=2 colspan=2 bgcolor=#efefef></td></tr>";
echo "<td valign=top colspan=2 style=padding-top:10px;>{$content}</td>";
echo "</tr>";
echo "</table>";
echo "</td>";
echo "<td background='{$latest_skin_path}/img/bg_19.gif'><img src='{$latest_skin_path}/img/bg_19.gif' width='24' height='8'></td>";
echo "</tr>";
echo "<tr>";
echo "<td><img src='{$latest_skin_path}/img/bg_26.gif' width='23' height='66'></td>";
echo "<td background='{$latest_skin_path}/img/bg_28.gif'><img src='{$latest_skin_path}/img/bg_27.gif' width='320' height='66'></td>";
echo "<td><img src='{$latest_skin_path}/img/bg_29.gif' width='24' height='66'></td>";
echo "</tr>";
echo "</table>";
}
?>
</td>
<td background='<?=$latest_skin_path?>/img/bg_18.gif'><img src='<?=$latest_skin_path?>/img/bg_18.gif' width='7' height='1'></td>
</tr>
<tr>
<td><img src='<?=$latest_skin_path?>/img/bg_30.gif' width='7' height='31'></td>
<td colspan='2' background='<?=$latest_skin_path?>/img/bg_32.gif'>
<form name="notice_form<?=$wr_id?>">
<table width='256' border='0' cellspacing='0' cellpadding='0' align='right'>
<tr>
<td width="20"><a href="#"><input type="checkbox" name="chkbox" value="checkbox" onclick="closeWin<?=$wr_id?>();"></a></td>
<td width="167">24시간 동안 이창을 열지않음</td>
<td width="67"><a href="javascript:closeWin<?=$wr_id?>();"><img src='<?=$latest_skin_path?>/img/bg_34.gif' width='67' height='31' align='absmiddle' border='0'></a></td>
</tr>
</table>
</form>
</td>
<td><img src='<?=$latest_skin_path?>/img/bg_35.gif' width='7' height='31'></td>
</tr>
</table>
<tr>
<td width='7'><img src='<?=$latest_skin_path?>/img/bg_01.gif' width='7' height='31'></td>
<td background='<?=$latest_skin_path?>/img/bg_04.gif'><img src='<?=$latest_skin_path?>/img/bg_02.gif' width='97' height='31'></td>
<td background='<?=$latest_skin_path?>/img/bg_04.gif'><div align='right'><img src='<?=$latest_skin_path?>/img/bg_06.gif' width='114' height='31'></div></td>
<td width='7'><img src='<?=$latest_skin_path?>/img/bg_07.gif' width='7' height='31'></td>
</tr>
<tr>
<td background='<?=$latest_skin_path?>/img/bg_22.gif'><img src='<?=$latest_skin_path?>/img/bg_22.gif' width='7' height='1'></td>
<td colspan='2' valign='top'>
<?
if ($list[$i][file][0][file])
{
echo "<a href='{$list[$i][wr_link1]}' target='{$list[$i][wr_2]}'><img src='{$img}' border='0'></a>";
}
else
{
echo "<table width='367' border='0' cellspacing='0' cellpadding='0'>";
echo "<tr>";
echo "<td width='23'><img src='{$latest_skin_path}/img/bg_09.gif' width='23' height='27'></td>";
echo "<td width='320' background='{$latest_skin_path}/img/bg_11.gif'><div align='center'><img src='{$latest_skin_path}/img/bg_11.gif' width='1' height='27'></div></td>";
echo "<td width='24'><img src='{$latest_skin_path}/img/bg_13.gif' width='24' height='27'></td>";
echo "</tr>";
echo "<tr>";
echo "<td background='{$latest_skin_path}/img/bg_23.gif'><img src='{$latest_skin_path}/img/bg_23.gif' width='23' height='1'></td>";
echo "<td valign='top'>";
echo "<table width=100% border=0 cellspacing=0 cellpadding=0 align=center>";
echo "<tr><td height=25><font color=#416B01>♣ <b>{$list[$i][wr_subject]}</b></font></td><td align=right>{$list[$i][datetime]}</td></tr>";
echo "<tr><td height=1 colspan=2 bgcolor=#cccccc></td></tr>";
echo "<tr><td height=2 colspan=2 bgcolor=#efefef></td></tr>";
echo "<td valign=top colspan=2 style=padding-top:10px;>{$content}</td>";
echo "</tr>";
echo "</table>";
echo "</td>";
echo "<td background='{$latest_skin_path}/img/bg_19.gif'><img src='{$latest_skin_path}/img/bg_19.gif' width='24' height='8'></td>";
echo "</tr>";
echo "<tr>";
echo "<td><img src='{$latest_skin_path}/img/bg_26.gif' width='23' height='66'></td>";
echo "<td background='{$latest_skin_path}/img/bg_28.gif'><img src='{$latest_skin_path}/img/bg_27.gif' width='320' height='66'></td>";
echo "<td><img src='{$latest_skin_path}/img/bg_29.gif' width='24' height='66'></td>";
echo "</tr>";
echo "</table>";
}
?>
</td>
<td background='<?=$latest_skin_path?>/img/bg_18.gif'><img src='<?=$latest_skin_path?>/img/bg_18.gif' width='7' height='1'></td>
</tr>
<tr>
<td><img src='<?=$latest_skin_path?>/img/bg_30.gif' width='7' height='31'></td>
<td colspan='2' background='<?=$latest_skin_path?>/img/bg_32.gif'>
<form name="notice_form<?=$wr_id?>">
<table width='256' border='0' cellspacing='0' cellpadding='0' align='right'>
<tr>
<td width="20"><a href="#"><input type="checkbox" name="chkbox" value="checkbox" onclick="closeWin<?=$wr_id?>();"></a></td>
<td width="167">24시간 동안 이창을 열지않음</td>
<td width="67"><a href="javascript:closeWin<?=$wr_id?>();"><img src='<?=$latest_skin_path?>/img/bg_34.gif' width='67' height='31' align='absmiddle' border='0'></a></td>
</tr>
</table>
</form>
</td>
<td><img src='<?=$latest_skin_path?>/img/bg_35.gif' width='7' height='31'></td>
</tr>
</table>
</div>
<script language="Javascript">
cookiedata = document.cookie;
if ( cookiedata.indexOf("<?=$wr_id?>=done") < 0 ){
document.all['<?=$wr_id?>'].style.visibility = "visible";
}
else {
document.all['<?=$wr_id?>'].style.visibility = "hidden";
}
</script>
cookiedata = document.cookie;
if ( cookiedata.indexOf("<?=$wr_id?>=done") < 0 ){
document.all['<?=$wr_id?>'].style.visibility = "visible";
}
else {
document.all['<?=$wr_id?>'].style.visibility = "hidden";
}
</script>
<?}?>
<?}?>
댓글 전체

지앤미님 먼저 답변 주셔서 감사드립니다.
말씀해 주신 팀은 이미 참조해 적용해 보았습니다.
아니, 그대로 적용했는데도 1mm정도 공백이 있어서 그러는지 약간의 민공간이 있어 하얀색이 보이네요. 왜 그러는지 정말 모르겠네요. 답답하기만 하네요.
브레스웹님의 팝업창 게시판 원본 소스에서는 이런 현상이 없는데...
수정후 나타나는 현상입니다.
소스 어디쪽을 확인해 보아야 할지 말씀좀 해주세요!!
다른 분들은 다들 잘 사용하는지 궁금하네요. 저만 그런 현상이 나타나는지 궁금하네요.
다시 한번 답변 주셔서 감사~~ 감사~~
말씀해 주신 팀은 이미 참조해 적용해 보았습니다.
아니, 그대로 적용했는데도 1mm정도 공백이 있어서 그러는지 약간의 민공간이 있어 하얀색이 보이네요. 왜 그러는지 정말 모르겠네요. 답답하기만 하네요.
브레스웹님의 팝업창 게시판 원본 소스에서는 이런 현상이 없는데...
수정후 나타나는 현상입니다.
소스 어디쪽을 확인해 보아야 할지 말씀좀 해주세요!!
다른 분들은 다들 잘 사용하는지 궁금하네요. 저만 그런 현상이 나타나는지 궁금하네요.
다시 한번 답변 주셔서 감사~~ 감사~~

글쎄요....원본을 다운받아 그냥 띄워보면 이상이 없는데...ㅠ.ㅠ
혹시나 모르니 <form name="notice_form<?=$wr_id?>"> 을 찾아
<form name="notice_form<?=$wr_id?>" style="margin:0px;">로 한번 바꾸어 보시겠습니까...?
혹시나 모르니 <form name="notice_form<?=$wr_id?>"> 을 찾아
<form name="notice_form<?=$wr_id?>" style="margin:0px;">로 한번 바꾸어 보시겠습니까...?
다시 도움 주셔서 감사드립니다.
지앤미님께서 말씀해 주셔서 <form name="notice_form<?=$wr_id?>" style="margin:0px;">
이분과 다른 부분들을 다시 적용해 보았지만 아지도 1mm정도 하얀 공백이 생기네요.
지앤미님은 이런 현상이 없는데 왜 저만 이런 현상이 나타나죠.
똑같은 소스를 적용했는데 답답하네요.
죄송하지만 한번 더 살펴봐 주시고 답변좀 부탁드릴께요.
이렇게 답변 주셔서 감사드립니다.
지앤미님께서 말씀해 주셔서 <form name="notice_form<?=$wr_id?>" style="margin:0px;">
이분과 다른 부분들을 다시 적용해 보았지만 아지도 1mm정도 하얀 공백이 생기네요.
지앤미님은 이런 현상이 없는데 왜 저만 이런 현상이 나타나죠.
똑같은 소스를 적용했는데 답답하네요.
죄송하지만 한번 더 살펴봐 주시고 답변좀 부탁드릴께요.
이렇게 답변 주셔서 감사드립니다.