tableの表示位地

解決済

質問者：unkraut310
質問日時：2009/05/20 10:13
回答数：2件

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

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

ちなみに下のようなjavascriptです。
<SCRIPT language="JavaScript">

</SCRIPT>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： noname#137826
回答日時：2009/05/20 10:57

これでどうですか？

単純に、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>