- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：tableの表示位地）
tableと画像を縦に並べる方法
このQ&Aのポイント
- 初心者のためのHTMLでtableと画像を縦に並べる方法をご紹介します。
- ランダムに表示される画像の上にtableを配置する方法について解説します。
- HTMLの超初心者の方向けに、tableと画像を縦に並べる方法を分かりやすく説明します。
- unkraut310
- お礼率74% (59/79)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
noname#137826
回答No.1
これでどうですか？ 単純に、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>
その他の回答 (1)
- sh_hirose
- ベストアンサー率66% (56/84)
回答No.2
<table>タグの後に<br>タグを入れれば改行されます。
質問者
お礼
回答ありがとうございます。 初めにそれでやってみたのですが、なぜだかうまくいきませんでした。 何か初歩的なミスをしているんだと思います。
お礼
うまくいきました！回答ありがとうございます。 そしてお礼が遅れて申し訳ありません。 入れ子を後でもっといじってみたいと思います。