こんにちは。
HTML超初心者です。初心者のくせして作りたい形は頭にあったりします。

画像がランダムに表示されるjavascriptをコピーしてきました。
画像を入れ替えて、それがちゃんと表示されています。
その画像の表示されている上の位地にtableを入れたいのですが、
書き込んでみても、ランダムに表示される画像と横にならんでしまいます。
どのようにしたら、tableと画像を縦に並ばせることができるのでしょうか?
かなり初歩的なことだと思いますが、どなたかよろしくお願いします。

ちなみに下のようなjavascriptです。
<SCRIPT language="JavaScript">
<!--
// ランダムに画像を表示する
img = new Array();
img[0] = "img/img0.jpg";
img[1] = "img/img1.jpg";
img[2] = "img/img2.jpg";
img[3] = "img/img3.jpg";
img[4] = "img/img4.jpg";
n = Math.floor(Math.random()*img.length);
document.write("<img src='"+img[n]+"' border='0'>");
//-->
</SCRIPT>

このQ&Aに関連する最新のQ&A

A 回答 (2件)

これでどうですか?


単純に、img要素をブロック要素の中に入れてあります。

---

<html>

<head>

<script type="text/javascript">
window.onload = function() {
var list = ['1.jpg', '2.jpg', '3.jpg', '4.jpg'];

var img = document.getElementById('a');
img.setAttribute('src', list[Math.floor(Math.random() * list.length)]);
}
</script>

<style>
table { border-collapse: collapse; }
td { border: 1px solid #000; }
</style>

</head>

<body>

<table>
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>4</td><td>5</td><td>6</td></tr>
<tr><td>7</td><td>8</td><td>9</td></tr>
</table>

<div>
<img id="a" src="#"/>
</div>

</body>

</html>
    • good
    • 0
この回答へのお礼

うまくいきました!回答ありがとうございます。
そしてお礼が遅れて申し訳ありません。
入れ子を後でもっといじってみたいと思います。

お礼日時:2009/05/21 17:50

<table>タグの後に<br>タグを入れれば改行されます。

    • good
    • 0
この回答へのお礼

回答ありがとうございます。
初めにそれでやってみたのですが、なぜだかうまくいきませんでした。
何か初歩的なミスをしているんだと思います。

お礼日時:2009/05/21 17:52

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


このカテゴリの人気Q&Aランキング

おすすめ情報