ランダム表示がうまく表示されません

[統計] HTMLからXHTMLへの移行を進めていますか?



0   名前: kt : 2007/07/19(木) 16:19  ID:k1L9vxbY sub-1h
こんにちは。
私は下記を参考にテーブル一つ丸ごとランダム表示できるように作成いたしました。
http://www.tagindex.com/javascript/message/random.html

がしかし、いざブラウザで確認してみると、画像がずれてしまっていたり、文字化けを起こして
しまいました。
下記の過去スレッドも参考に修正してみましたが解決できませんでした。
http://www.tagindex.com/cgi-lib/q4bbs/patio.cgi?mode=view&no=1153
まだまだ初心者ですので、ご指摘の方宜しくお願い致します。

問題のソースになります。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-2022-jp">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-type" content="text/css">
<title>ピックアップアイテム</title>
</head> 
<body bgcolor="#000000" text="#ffffff" vlink="#ffff00" alink="#ffffff" link="#ffffff"> 

<script type="text/javascript"> 
<!-- 

var msg = new Array(); 


msg[0] ='<p><table bordercolor="#000000" cellspacing="0" cellpadding="0" width="500" border="0"><tr><td bordercolor="#000000" width="70" height="93" ><a href="http://shop.yumetenpo.jp/goods/d/rodeo-jp.com/g/AMPL407W16/index.shtml" target="_blank"><img height="93" alt="" src="http://www.rodeo-jp.com/pikup_item6.jpg" width="70" border="0"></a><br></td><td bordercolor="#000000" width="70" height="93" ><url記述><img height="93" alt="" src="http://www.rodeo-jp.com/pikup_item7.jpg" width="70" border="0"></a><br></td><td bordercolor="#000000" width="70" height="93" ><a href="url記述"><img height="93" alt="" src="http://www.rodeo-jp.com/pikup_item8.jpg" width="70" border="0"></a><br></td><td bordercolor="#000000" width="70" height="93" ><a href="url記述"><img height="93" alt="" src="http://www.rodeo-jp.com/pikup_item9.jpg" width="70" border="0"></a><br></td><td bordercolor="#000000" width="70" height="93" ><a href="http://shop.yumetenpo.jp/goods/d/rodeo-jp.com/g/oths507G1/index.shtml" target="_blank"><img height="93" alt="" src="http://www.rodeo-jp.com/pikup_item5.jpg" width="70" border="0"></a><br></td></tr><tr><td valign="middle" bordercolor="#000000" align="center" width="70"><font size="1"><a href="http://shop.yumetenpo.jp/goods/d/rodeo-jp.com/g/AMPL407W16/index.shtml" target="_blank"><font size="1">AMPLIFIED/<br>R.STONESTEE<br>/\10290</font></a></font></td><td valign="middle" bordercolor="#000000" align="center" width="70"><font size="1"><a href="http://shop.yumetenpo.jp/goods/d/rodeo-jp.com/g/8PR407W6/index.shtml" target="_blank"><font size="1">+8PARISROCK/<br>Pirates TEE<br>/\10290</font></a></font></td><td valign="middle" bordercolor="#000000" align="center" width="70"><font size="1"><a href="http://s*************g/8PR407W8/index.shtml" target="_blank"><font size="1">+8PARISROCK/<br>Shadow Mickey TEE<br>/\10290</font></a></font></td><td valign="middle" bordercolor="#000000" align="center" width="70"><font size="1"><a href="http://shop.yumetenpo.jp/goods/d/rodeo-jp.com/g/HNBM607P2/index.shtml" target="_blank"><font size="1">H.N.B.M/<br>JEANSINCUBUS/<br>\23940</font></a></font></td><td valign="middle" bordercolor="#000000" align="center" width="70"><font size="1"><a href="http://s*************/g/oths507G1/index.shtml" target="_blank"><font size="1">EFFECT/<br>レザースニーカー<br>/\13440</font></a></font></td></tr></table>';  
 


var no = Math.floor(Math.random() * msg.length); 

 
document.write(msg[no]); 
 

// --> 
</script> 

</body> 
</html> 

1   名前: 匿名 : 2007/07/19(木) 16:19  ID:dXtZ/Ktr sub-Ds
msg[0] ='<p><....
がちゃんと閉じてない。

2   名前: kt : 2007/07/19(木) 16:19  ID:k1L9vxbY sub-1h
ご指摘通り、<p>...</p>を閉めましたが変化なしです。。

他に原因があるのでしょうか?
こちらが今の状況です。
http://www.rodeo-jp.com/random_test_sample.html

3   名前: 匿名 : 2007/07/19(木) 16:19  ID:epW2eUw6 sub-8t
</ → <\/

これだけ書くならスクリプトは外に出してしまったほうがいいかもしれません。
なお、p要素内にtableは入りません。

4   名前: kt : 2007/07/19(木) 16:19  ID:k1L9vxbY sub-1h
解決しました。
ありがとうございました。

一覧へ戻る