홈페이지, 스타일 문제 인지, 왜이렇게 되는지 잘 모르겠습니다. (깨짐) 채택완료
로빈아빠님의 출석부 게임을 적용시켜 보았습니다.
설치할필요도 없이, 그냥 단순히 업로드만 하면 땡인 작품이었어요. 너무 간편하게 만들어주셨는데,
홈페이지에 업로드 하고 나서 보니까 아래 이미지처럼 깨져서 나오더라구요,
뭔가 CSS 에서 잘못되서 그런가;; 테이블 폭이 문제인가 .. 생각만 했지 어떻게 고쳐야 될지 엄두가 안나서
이렇게 질문했습니다. (어디서 부터 잘못된건지 실은 잘 모르겠어요 ㅠ_ㅠ;;)

로그인 먼저 하셔야 하는데, 테스트아이디 : test01 비밀번호 : test01 입니다.
사이트 주소는 : http://tf1club.speeds.kr/artools/attendance/attendance.php">http://tf1club.speeds.kr/artools/attendance/attendance.php
깨짐현상을 보이는 attendance.php 소스코드도 필요하실거같아, 첨부해봅니다. 혹시 도움 주실수 없을까요?
</p><p><?</p><p>include_once("./_common.php");</p><p>include_once("$g4[path]/_head.php");</p><p> </p><p>$_SESSION[game_besu1] = 3000; // 퍼펙트 게임포인트 배수 설정</p><p>$_SESSION[game_besu2] = 1000; // ±1 게임포인트 배수 설정</p><p>$_SESSION[game_besu3] = 500; // ±3 게임포인트 배수 설정</p><p>$_SESSION[game_besu4] = 200;<span class="Apple-tab-span" style="white-space:pre"> </span>// 기본점수</p><p>$_SESSION[game_besu5] = -10; // ±3 게임포인트 배수 설정</p><p> </p><p> </p><p>$_SESSION[game_range1] = 0; // 퍼펙트 게임포인트 배수 설정</p><p>$_SESSION[game_range2] = 5; // ±1 게임포인트 배수 설정</p><p>$_SESSION[game_range3] = 20; // ±3 게임포인트 배수 설정</p><p>$_SESSION[game_range4] = 95; // ±3 게임포인트 배수 설정</p><p> </p><p> </p><p>// 게임 평균</p><p>function mb_average($mb_id,$agelevel) </p><p>{ </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>global $g4; </p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$sql = "select count(po_id) as cnt from $g4[point_table] where mb_id='$mb_id' and po_rel_table = '@attendance' and SUBSTRING(po_rel_action,1,1) = '$agelevel' "; </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$row = sql_fetch($sql); </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$game_average = $row[cnt];</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>return $game_average; </p><p>}</p><p>//로그인 테이블기준 로그인 여부 체크</p><p>function mb_loginchk($mb_id) </p><p>{ </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>global $g4; </p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if ($mb_id) { </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$sql = "select mb_id from $g4[login_table] where mb_id='$mb_id'"; </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$mb = sql_fetch($sql); </p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if($mb[mb_id])</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$message = "접속중"; </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>else</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$message = ""; </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>return $message; </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p>}</p><p> </p><p>?></p><p><li></p><p><script language="javascript" src="<?=$g4[path]?>/js/sideview.js"></script></p><p><script LANGUAGE="JavaScript"></p><p>function Title() {document.title="STOP ON 1o0 By Nolan Gendron"; window.setTimeout("Title1();",1);}</p><p>function Title1() {document.title="STOP ON 10o By Nolan Gendron"; window.setTimeout("Title();",1);}</p><p>var counter=0;</p><p>var total_count=0;</p><p>function Counter1() {</p><p> window.status="Counter: " + counter;</p><p> document.game.number.value=counter; </p><p> counter++;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>total_count++;</p><p> Time=window.setTimeout("Counter1();",1); </p><p> if (counter>=201) {</p><p> counter=0;</p><p> }</p><p>}</p><p> </p><p>function Results() {</p><p> window.clearTimeout(Time);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>document.game.number.value=counter;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>document.game.total_count.value=total_count;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>document.game.submit();</p><p> </p><p> document.getElementById('btn_start').disabled = true;</p><p> document.getElementById('btn_stop').disabled = true;</p><p> </p><p>}</p><p> </p><p></script></p><p><style type="text/css"></p><p><!--</p><p>#attendance_font td{</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>color: #FFFFFF;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p>.tt1 { font-family: verdana,돋음; font-size: 10px; color: #555555; line-height: 170%; }</p><p>.test11 { background-color:#222222; border:0px; }</p><p>--></p><p></style></p><p> </p><p><center></p><p> </p><p><script language="javascript" src="/flash/viewTitle.js" type="text/javascript"></script></p><p><script language="javascript">showTitle("/flash/", "viewTitle.swf", 500, 40, " - - - 출석부 포인트 게임 - - - ", "", "center", "0x00000");</script></p><p>
</p><p> </p><p> </p><p>Start 버튼을 누르고 100점이 될때 Stop 버튼을 누르면 점수에 따라 출석 포인트가 지급됩니다. 하루에 1번만 가능합니다.</center></p><p><table width="700" height=170 border="0" align="center" cellpadding="0" cellspacing="0" background="img/att_base.png" class="tt1"></p><p> <tr></p><p> <td width="250" style='padding:30 0 0 160' valign=top></p><p><span class="tt1">
</p><p><img src='img/ico_medal_a.png' alt='금메달'> 100점에 정확히 맞힐 경우 : <?=number_format($_SESSION[game_besu1]);?>포인트
</p><p><img src='img/ico_medal_b.png' alt='금메달'> ±<?=$_SESSION[game_range2]?>점에 맞힐 경우 : <?=number_format($_SESSION[game_besu2]);?>포인트
</p><p><img src='img/ico_medal_c.png' alt='금메달'> ±<?=$_SESSION[game_range3]?>점에 맞힐 경우 : <?=number_format($_SESSION[game_besu3]);?>포인트
</p><p><img src='img/ico_medal_d.png' alt='금메달'> ±<?=($_SESSION[game_range4]-1)?>점에 맞힐 경우 : <?=number_format($_SESSION[game_besu4]);?>포인트 (기본점수)
</p><p><img src='img/ico_medal_e.png' alt='금메달'> ±<?=$_SESSION[game_range4]?>점 초과해 맞힐 경우 : <?=number_format($_SESSION[game_besu5]);?>포인트 (감점)</span></td></p><p></span></td></p><p> <td valign="top" width=120 style='padding:30 0 0 0' align=center></p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span><form name="game" action="attendance_update.php" method="post" target='att_update'></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><input type=hidden name='total_count' value='0'></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><input type=hidden name='start_time' value='<?=$g4['time_ymdhis']?>'></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><input class="test11" type="text" name="number" VALUE="0" onFocus="this.blur();" style="font-size: 40;font-family:arial black;width:100;color:white"></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>
</p><p><span class="Apple-tab-span" style="white-space:pre"> </span><img id="btn_start" src="img/_start.png" border=0 onClick="Counter1(); counter=0;" style="cursor:hand;"> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span><input id="btn_stop" type=image src="img/_stop.png" border=0 onClick="Results(); counter=0;"></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></form></p><p> </p><p> </td></p><p> <td valign="top" align=right style='padding:69 40 0 0'></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><table border="0" align="right" cellpadding="0" cellspacing="0"></p><p> <tr></p><p> <td height="20" align="right"><?=mb_average($member[mb_id],"a");?></td></p><p> </tr></p><p> <tr></p><p> <td height="20" align="right"><?=mb_average($member[mb_id],"b");?></td></p><p> </tr></p><p> <tr></p><p> <td height="20" align="right"><?=mb_average($member[mb_id],"c");?></td></p><p> </tr></p><p> <tr></p><p> <td height="20" align="right"><?=mb_average($member[mb_id],"e");?></td></p><p> </tr></p><p> </table></td></p><p> <td width="25"></td></p><p> </tr></p><p></table></p><p>
</p><p> </p><p><?</p><p> </p><p>if(!$member[mb_id]) {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>echo "<center>로그인후 출석 게임이 가능합니다.</center>";</p><p>}</p><p>else {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$row = sql_fetch("select * from $g4[point_table] where po_rel_table = '@attendance' and mb_id = '$member[mb_id]' order by po_datetime DESC limit 1");</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if (!$row[po_id] || $row[po_datetime]<date("Y-m-d 00:00:00")) {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>echo "<center><B>$member[mb_nick]님</B> 오늘은 출석게임을 하지 않으셨네요? <img src='img/_start.png' align=absmiddle border=0 onClick=\"Counter1(); counter=0;\" style='cursor:hand;'> 버튼을 눌러서 포인트 점수를 올리세요.^^
</center>";</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if ($row[po_id]) {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>echo "<center>마지막 출석 시간:$row[po_datetime] 획득 점수:<B>$row[po_point]</B> 점</center>";</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p>}</p><p>?></p><p> </p><p><table width=100% align=center cellpadding="0" cellspacing="0"></p><p><tr height=25 align=center id="attendance_font"></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><td width="40" background="img/count_bg.gif"><div style="margin-left:5px;">순서</div></td></p><p> <td width="7"><img src="img/count_bg._shodow.gif" width="7" /></td></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><td width="80" background="img/board_image_bg.gif">로그인시간</td></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><td width="30" background="img/board_image_bg.gif">레벨</td></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><td width="100" background="img/board_image_bg.gif">닉네임</td></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><td width="" background="img/board_image_bg.gif">접속여부</td></p><p> <td width="35" background="img/board_image_bg.gif">메달</td></p><p> <td width="35" background="img/board_image_bg.gif">번호</td></p><p> <td width="70" background="img/board_image_bg.gif">획득포인트</td></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><td width="80" background="img/point_image.gif">총포인트</td></p><p></tr></p><p><tr></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><td height="6" colspan="14" background="img/board_shodow.gif"></td></p><p></tr></p><p><?</p><p> </p><p>$sql = " select * from $g4[point_table] where po_datetime>='".date("Y-m-d 00:00:00")."' and po_rel_table = '@attendance' order by po_datetime";</p><p>$result = sql_query($sql);</p><p> </p><p>$i2=0;</p><p>for ($i=1; $row=sql_fetch_array($result); $i++) </p><p>{</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$mb=sql_fetch("select * from $g4[member_table] where mb_id='$row[mb_id]'");</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if (!$is_admin&&$mb[mb_level]>=8) continue;<span class="Apple-tab-span" style="white-space:pre"> </span>//관리자는 보안상 이유로 않보이게 함</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$i2++;</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$arr2=explode("|",$row[po_rel_action]);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$row[number]=$arr2[4];</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>// 자신이라면 체크</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if ($row[mb_id] == $member[mb_id])</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$bgcolor = "#FFFFFF";</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$mb_nick = get_sideview($mb[mb_id], $mb[mb_nick], $mb[mb_email], $mb[mb_homepage]);</p><p>// 본명사용시 사용 $mb_name = get_sideview($mb[mb_id], $mb[mb_name], $mb[mb_email], $mb[mb_homepage]);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$mb_loginchk = mb_loginchk($mb[mb_id]);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$medal='';</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$medal_name='';</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if ($row[po_rel_action][0]=='a') {$medal='a'; $medal_name='금'; }</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if ($row[po_rel_action][0]=='b') {$medal='b'; $medal_name='은'; }</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if ($row[po_rel_action][0]=='c') {$medal='c'; $medal_name='동'; }</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if ($row[po_rel_action][0]=='d') {$medal='d'; $medal_name='출석'; }</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if ($row[po_rel_action][0]=='e') {$medal='e'; $medal_name='감점'; }</p><p>?></p><p> </p><p> <tr bgcolor='<?=$bgcolor?>' onmouseout=this.bgColor='<?=$bgcolor?>' onmouseover=this.bgColor='#f1f1f1'></p><p> <td align="center" height=25><div style="margin-left:5px;"><?=$i2?></div></td></p><p><span class="Apple-tab-span" style="white-space:pre"> </span> <td width="7"></td></p><p> <td align="center"><?=substr($mb[mb_today_login],11,8)?></td></p><p><span class="Apple-tab-span" style="white-space:pre"> </span> <td align="center"><?=$mb[mb_level];?></td></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><td align="center"><?=$mb_nick ?></td></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><td align="center"><?=$mb_loginchk?></td></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><td align="center"><img src="img/ico_medal_<?=$medal?>.png" title='<?=$medal_name?>'></td></p><p> <td align="center"><?=$row[number]?></td></p><p> <td align="right"><div style="margin-right:15px;"><?=$row[po_point]?></div></td></p><p> <td align="right"><div style="margin-right:15px;"><?=number_format($mb[mb_point])?>P</div></td></p><p> </tr></p><p> <tr><td colspan=14 height=1 bgcolor='#E0E0E0'></td></tr></p><p><? } ?></p><p></table></p><p><iframe style='width:0;height:0' name=att_update></iframe></p><p></li></p><p><?</p><p>include_once("$g4[path]/_tail.php");</p><p>if ($_GET[msg]) echo "<script>alert(\"".urldecode($_GET[msg])."\");</script>";</p><p>?></p><p> </p><p>
답변 2개
저도 초보라 자세한 상담은 해드릴 수 없지만,
div margin padding position 등에 관한 기본 개념이 서면 혼자서 어느 정도 정렬 해결하실 수 있을겁니다.
저도 홈페이지 수정하다 하도 답답해서 일주일 날 잡고 html과 css를 거의 섭렵했습니다. 아직도 초보지만..ㅎ
http://www.homzzang.com/bbs/board.php?bo_table=html&sca=Style%2FSections" target="_self">http://www.homzzang.com/bbs/board.php?bo_table=html&sca=Style%2FSections
http://www.homzzang.com/bbs/board.php?bo_table=css" target="_self">http://www.homzzang.com/bbs/board.php?bo_table=css margin, padding, position 부분
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인