묻고답하기
테이블안의 이미지가 테이블과 맞지 않습니다.
2004.05.11 09:43
http://tripping.ivyro.net/main.php
위의 페이지를 보면,이미지가 테이블크기에 맞지않게 약간더 작게 나와서
(분명 동일하게 테이블과 크기를 맞춰줬는데도)
약간 이상합니다..
이거 왜 그런건가요?
소스입니다. 이미지에는 문제가 없는것 같고..제생각에는 테이블 크기가 늘어난것 같은데..어떻게 해야 고칠수 있죠?
테이블 가로 685 세로 107 이미지도 똑같이 했는데...
<? include "zerocount/dbconn.php3";
include "zerocount/zerocounter.php3"; ?>
<?
$_zb_url = "http://tripping.ivyro.net/bbs/";
$_zb_path = "/home2/tripping/public_html/bbs/";
include $_zb_path."outlogin.php";
?>
<html>
<head>
<title>수채화 같은 일상의 작은 바램. . .</title>
<META name="generator" content="메모장,포토샵">
<META name="author" contents="Tripping">
<META name="keywords" content="개인,daily,music,tripping">
<META name="description" content="Tripping">
<link rel="stylesheet" type="text/css" href="http://tripping.ivyro.net/tripping.css">
<script language="JavaScript" src="tripping.js"></script>
<script language='JavaScript'>
function RWindow(URL,WD,HT) {
window.open(URL,'counter','width=430,height=400,scrollbars=yes,resizable=0,status=no,menubar=0');
}
</script>
<script language=vbscript for=window event=onLoad>
<!--
image1.filters.item(0).apply()
image1.filters.item(0).transition = 23
image1.Style.visibility = ""
image1.filters(0).play(1.0)
-->
</script>
</head>
<body>
<div style="position:absolute; width:0px; top:0px; left:0px;">
<table width=1002 cellpadding=0 cellspacing=0>
<tr>
<td width=600 height=80 bgcolor=#FFFFFF><a href=main.php><img src=http://tripping.ivyro.net/etc/tripping.jpg border=0></td>
<td width=160 height=80 bgcolor=#FFFFFF>
<a href="me.php"><font color="#295E93">운영자</a>
ㅣ <a href="bbs/zboard.php?id=board02"><font color="#295E93">공지사항</a>
ㅣ <a href="bbs/zboard.php?id=link"><font color="#295E93">링크</a></td>
<td width=152 rowspan=3 bgcolor=#F8FCF3 style='border-left:1px solid #CCCCCC;' valign=top>
<a href=http://netiquette.lil.to target=_blank><img src=http://myhome.hanafos.com/~toldme/banner/net.gif border=0></a>
</td>
</tr>
<tr>
<td width=850 height=22 colspan=2 style='border-bottom:1px solid #CCCCCC;' background=http://tripping.ivyro.net/etc/top.gif align=center>
<a href="bbs/zboard.php?id=daily"><font color=#295E93>daily</a> ㅣ
<a href="bbs/zboard.php?id=gallery01"><font color=#295E93>Thrilling</a> ㅣ
<a href="bbs/zboard.php?id=gallery02"><font color=#295E93>Friend</a> ㅣ
<a href="bbs/zboard.php?id=guest"><font color=#295E93>Sacrifice</a> ㅣ
<a href="bbs/zboard.php?id=board"><font color=#295E93>Humor</a> ㅣ
<a href="bbs/zboard.php?id=guest"><font color=#295E93>Guest</a> ㅣ
<a href="bgm/rock/dasomplayer720/dasomplayer.htm" target="bgm/korea01/dasomplayer720/dasomplayer.htm"><font color=#549000>락+뉴메탈</a> ㅣ
<a href="bgm/metal/dasomplayer720/dasomplayer.htm" target="bgm/korea01/dasomplayer720/dasomplayer.htm"><font color=#549000>메탈+브루탈</a> ㅣ
<a href="bgm/jazz/dasomplayer720/dasomplayer.htm" target="bgm/korea01/dasomplayer720/dasomplayer.htm"><font color=#549000>제즈</a> ㅣ
<a href="bgm/newage/dasomplayer720/dasomplayer.htm" target="bgm/korea01/dasomplayer720/dasomplayer.htm"><font color=#549000>뉴에이지</a> ㅣ
<a href="bgm/oldpop/dasomplayer720/dasomplayer.htm" target="bgm/korea01/dasomplayer720/dasomplayer.htm"><font color=#549000>올드팝</a> ㅣ
<a href="bgm/pop/dasomplayer720/dasomplayer.htm" target="bgm/korea01/dasomplayer720/dasomplayer.htm"><font color=#549000>팝+짬뽕</a> ㅣ
<a href="bgm/world/dasomplayer720/dasomplayer.htm" target="bgm/korea01/dasomplayer720/dasomplayer.htm"><font color=#549000>제3세계</a> ㅣ
<a href="bgm/korea01/dasomplayer720/dasomplayer.htm" target="bgm/korea01/dasomplayer720/dasomplayer.htm"><font color=#549000>국내</a> ㅣ
<a href="bgm/korea02/dasomplayer720/dasomplayer.htm" target="bgm/korea01/dasomplayer720/dasomplayer.htm"><font color=#549000>가요</a>
</td>
</tr>
<tr>
<td colspan="2">
<table width=100% cellpadding=0 cellspacing=0>
<tr>
<td width=165 rowspan=2 bgcolor=#FFFFFF style='border-right:1px solid #CCCCCC;' valign=top align=center>
<? print_outlogin("agi_login01", 1, 10) ?>
</td>
</tr>
<tr>
-이 부분입니다. 문제의 테이블
<td height=107 bgcolor=#FFFFFF style='border-bottom:1px solid #CCCCCC;'>
<img src=http://tripping.ivyro.net/img/0.jpg name="ranimage" border="0" width="685" height="107">
<script language="JavaScript1.1">
<!--
document.ranimage.src="http://tripping.ivyro.net/img/"+Math.round(Math.random()*4+.5)+".jpg";
// -->
</script>
</td>
</tr>
<tr>
<td width=165 rowspan=2 bgcolor=#FFFFFF style='border-right:1px solid #CCCCCC;' align=center valign=top>
<a href="#"><img src=img/test01.jpg border="0" id="image1" style="visibility:hidden; filter:revealTrans();"></a>
- 이부분까지.
</td>
<td valign=top width=685 height=375 style='border-bottom:1px solid #CCCCCC;'><br>
<center><? echo $count[total_hit]; ?>
<? echo $count[total_view]; ?>
<? echo $count[today_hit]; ?>
<? echo $count[today_view]; ?>
<? echo $count[yesterday_hit]; ?>
<? echo $count[yesterday_view]; ?>
<? echo $count[max_hit]; ?>
<? echo $count[max_view]; ?>
<? echo $count[min_hit]; ?>
<? echo $count[min_view]; ?> </center>
<br>
<a href=# onclick="javascript:RWindow('http://tripping.ivyro.net/zerocount/status.php3',0,0)"> 통계 </a>
</td></tr></table></td></tr></table></div>
</body></html>
위의 페이지를 보면,이미지가 테이블크기에 맞지않게 약간더 작게 나와서
(분명 동일하게 테이블과 크기를 맞춰줬는데도)
약간 이상합니다..
이거 왜 그런건가요?
소스입니다. 이미지에는 문제가 없는것 같고..제생각에는 테이블 크기가 늘어난것 같은데..어떻게 해야 고칠수 있죠?
테이블 가로 685 세로 107 이미지도 똑같이 했는데...
<? include "zerocount/dbconn.php3";
include "zerocount/zerocounter.php3"; ?>
<?
$_zb_url = "http://tripping.ivyro.net/bbs/";
$_zb_path = "/home2/tripping/public_html/bbs/";
include $_zb_path."outlogin.php";
?>
<html>
<head>
<title>수채화 같은 일상의 작은 바램. . .</title>
<META name="generator" content="메모장,포토샵">
<META name="author" contents="Tripping">
<META name="keywords" content="개인,daily,music,tripping">
<META name="description" content="Tripping">
<link rel="stylesheet" type="text/css" href="http://tripping.ivyro.net/tripping.css">
<script language="JavaScript" src="tripping.js"></script>
<script language='JavaScript'>
function RWindow(URL,WD,HT) {
window.open(URL,'counter','width=430,height=400,scrollbars=yes,resizable=0,status=no,menubar=0');
}
</script>
<script language=vbscript for=window event=onLoad>
<!--
image1.filters.item(0).apply()
image1.filters.item(0).transition = 23
image1.Style.visibility = ""
image1.filters(0).play(1.0)
-->
</script>
</head>
<body>
<div style="position:absolute; width:0px; top:0px; left:0px;">
<table width=1002 cellpadding=0 cellspacing=0>
<tr>
<td width=600 height=80 bgcolor=#FFFFFF><a href=main.php><img src=http://tripping.ivyro.net/etc/tripping.jpg border=0></td>
<td width=160 height=80 bgcolor=#FFFFFF>
<a href="me.php"><font color="#295E93">운영자</a>
ㅣ <a href="bbs/zboard.php?id=board02"><font color="#295E93">공지사항</a>
ㅣ <a href="bbs/zboard.php?id=link"><font color="#295E93">링크</a></td>
<td width=152 rowspan=3 bgcolor=#F8FCF3 style='border-left:1px solid #CCCCCC;' valign=top>
<a href=http://netiquette.lil.to target=_blank><img src=http://myhome.hanafos.com/~toldme/banner/net.gif border=0></a>
</td>
</tr>
<tr>
<td width=850 height=22 colspan=2 style='border-bottom:1px solid #CCCCCC;' background=http://tripping.ivyro.net/etc/top.gif align=center>
<a href="bbs/zboard.php?id=daily"><font color=#295E93>daily</a> ㅣ
<a href="bbs/zboard.php?id=gallery01"><font color=#295E93>Thrilling</a> ㅣ
<a href="bbs/zboard.php?id=gallery02"><font color=#295E93>Friend</a> ㅣ
<a href="bbs/zboard.php?id=guest"><font color=#295E93>Sacrifice</a> ㅣ
<a href="bbs/zboard.php?id=board"><font color=#295E93>Humor</a> ㅣ
<a href="bbs/zboard.php?id=guest"><font color=#295E93>Guest</a> ㅣ
<a href="bgm/rock/dasomplayer720/dasomplayer.htm" target="bgm/korea01/dasomplayer720/dasomplayer.htm"><font color=#549000>락+뉴메탈</a> ㅣ
<a href="bgm/metal/dasomplayer720/dasomplayer.htm" target="bgm/korea01/dasomplayer720/dasomplayer.htm"><font color=#549000>메탈+브루탈</a> ㅣ
<a href="bgm/jazz/dasomplayer720/dasomplayer.htm" target="bgm/korea01/dasomplayer720/dasomplayer.htm"><font color=#549000>제즈</a> ㅣ
<a href="bgm/newage/dasomplayer720/dasomplayer.htm" target="bgm/korea01/dasomplayer720/dasomplayer.htm"><font color=#549000>뉴에이지</a> ㅣ
<a href="bgm/oldpop/dasomplayer720/dasomplayer.htm" target="bgm/korea01/dasomplayer720/dasomplayer.htm"><font color=#549000>올드팝</a> ㅣ
<a href="bgm/pop/dasomplayer720/dasomplayer.htm" target="bgm/korea01/dasomplayer720/dasomplayer.htm"><font color=#549000>팝+짬뽕</a> ㅣ
<a href="bgm/world/dasomplayer720/dasomplayer.htm" target="bgm/korea01/dasomplayer720/dasomplayer.htm"><font color=#549000>제3세계</a> ㅣ
<a href="bgm/korea01/dasomplayer720/dasomplayer.htm" target="bgm/korea01/dasomplayer720/dasomplayer.htm"><font color=#549000>국내</a> ㅣ
<a href="bgm/korea02/dasomplayer720/dasomplayer.htm" target="bgm/korea01/dasomplayer720/dasomplayer.htm"><font color=#549000>가요</a>
</td>
</tr>
<tr>
<td colspan="2">
<table width=100% cellpadding=0 cellspacing=0>
<tr>
<td width=165 rowspan=2 bgcolor=#FFFFFF style='border-right:1px solid #CCCCCC;' valign=top align=center>
<? print_outlogin("agi_login01", 1, 10) ?>
</td>
</tr>
<tr>
-이 부분입니다. 문제의 테이블
<td height=107 bgcolor=#FFFFFF style='border-bottom:1px solid #CCCCCC;'>
<img src=http://tripping.ivyro.net/img/0.jpg name="ranimage" border="0" width="685" height="107">
<script language="JavaScript1.1">
<!--
document.ranimage.src="http://tripping.ivyro.net/img/"+Math.round(Math.random()*4+.5)+".jpg";
// -->
</script>
</td>
</tr>
<tr>
<td width=165 rowspan=2 bgcolor=#FFFFFF style='border-right:1px solid #CCCCCC;' align=center valign=top>
<a href="#"><img src=img/test01.jpg border="0" id="image1" style="visibility:hidden; filter:revealTrans();"></a>
- 이부분까지.
</td>
<td valign=top width=685 height=375 style='border-bottom:1px solid #CCCCCC;'><br>
<center><? echo $count[total_hit]; ?>
<? echo $count[total_view]; ?>
<? echo $count[today_hit]; ?>
<? echo $count[today_view]; ?>
<? echo $count[yesterday_hit]; ?>
<? echo $count[yesterday_view]; ?>
<? echo $count[max_hit]; ?>
<? echo $count[max_view]; ?>
<? echo $count[min_hit]; ?>
<? echo $count[min_view]; ?> </center>
<br>
<a href=# onclick="javascript:RWindow('http://tripping.ivyro.net/zerocount/status.php3',0,0)"> 통계 </a>
</td></tr></table></td></tr></table></div>
</body></html>
댓글 3
-
Angra
2004.05.11 09:47
-
Danggn™
2004.05.11 15:43
td width="테이블가로" background="그림" height="테이블세로">
이렇게 하면 되는데요.. 그리구 테이블 크기 조정해 주면 됩니다 ^^ -
Angra
2004.05.11 20:50
테이블 안에 들어가는 이미지자체를 테이블 크기랑 똑같이 만들었습니다.
굳이 세로크기를 안에서 지정해주지 않아도 되기 때문에 안지정했는데요..
그리고 테이블안으로 백그라운드로 안깔은 이유는,이미지를 접속할때마다 랜덤으로 띄우고 싶어서 img 태그를 썼어요.
<td height=107 bgcolor=#FFFFFF style='border-bottom:1px solid #CCCCCC;'>
<img src=http://tripping.ivyro.net/img/0.jpg name="ranimage" border="0" width="685" height="107">
<script language="JavaScript1.1">
<!--
document.ranimage.src="http://tripping.ivyro.net/img/"+Math.round(Math.random()*4+.5)+".jpg";
// -->
</script>
↑ 이부분..
↑ 태그연습장입니다. 고수분들 소스좀 보시고..고치는법 부탁좀 드릴게요..