今、CGIからHTMLを、下記の様に書出しているのですが、
テーブルに線が入って困っています。
コードは、下記です。
# マップ表示 print qq(<table border="0" cellpadding="0" cellspacing="0" style="border-style: none; border-spacing:0px 0px;" >); print qq(\n); for($dy = 0 ; $dy < $SCREENH ; ++$dy) { $y = $mypc->{y} + $dy; print qq(<tr>); for($dx = 0 ; $dx < $SCREENW ; ++$dx) { $x = $mypc->{x} + $dx; print qq(<td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;">); print qq(<img src="$IMAGEPATH$map->[$y][$x].gif">); print qq(</td>); } print qq(</tr>\n); } print qq(</table>\n); print <<END;
どなたか、アドバイスの程、よろしくお願いいたします。
すみません。HTMLのソースは、下記です。
<html> <head> <title>岡村ちゃんフアン交流チャット</title> <LINK href="./css_files/default.css" type=text/css rel=stylesheet> <script type="text/javascript" language="JavaScript" src="rpg4.js" defer></script> </head> <body marginwidth="0" marginheight="0" onload="init(0, 0, 352, 288, 32, 30);"> <div class="char" style="left:160px; top:128px;"><img src="images/char0.png"></div> <div id="char0" class="char" style="left:160px; top:128px;"><img src="images/char0.png"></div> <table border="0" cellpadding="0" cellspacing="0" style="border-style: none; border-spacing:0px 0px;" > <tr><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/1.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/2.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/2.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/2.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/2.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/1.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/1.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/1.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/3.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/3.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/5.gif"></td></tr> <tr><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/2.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/2.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/2.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/1.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/1.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/1.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/1.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/1.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/3.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/3.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/3.gif"></td></tr> 略 </table> <a href="javascript: reloadFrame();">[リロード]</a> </body> </html>
CSSは、下記のようになっています。
@charset "utf-8"; /* CSS Document */ /* CSS ver 1.0.1 */ div.char { position: absolute; z-index: 100; } div.balloon { position: absolute; z-index: 120; } div.text { position: absolute; z-index: 130; width: 92px; margin: 2px 2px 2px 16px; color: #333333; font-size: 10px; } a:link, a:visited { color: #B0B0B0; text-decoration: none; } a:hover { color: #333333; text-decoration: none; } body { margin: 0px; } #footer2{ position:absolute; bottom:0; left:0; height:30px; width:100%; } #header1{ position:absolute; bottom:0; left:0; height:30px; width:100%; } #main{ /* height:70%;*/ width:100%; } #input{ /* height:30%;*/ width:100%; }
アドバイス頂いたcssを閉じたところ変化がありました。
$css_link='<LINK href="./css_files/default.css" type=text/css rel=stylesheet/>';
回答3件
あなたの回答
tips
プレビュー