テーブルの作成で

解決済

質問者：aki308
質問日時：2007/01/21 18:27
回答数：4件

初心者ですが子供の野球チームのホームページを作っています。
写真を飾るページを作っているのですが、テーブルを額縁のようにして
横に３列縦にいくつか５行くらいに並べたいと思っています。
額縁は一つ一つが独立して並べたいんですが、その方法がわかりません。
<table border="5" width="160" height="120" bgcolor="white">
<td>
<center>
<table border="1" width="116" height="80">
<td>
<img src="gazo/fusha2.jpeg" width="116" height="80">
</center>
</td>
</table>
</td>
</table> で額縁ひとつができたんですが、それを横にも縦にもならべる方法を教えてください。よろしくお願いします。

通報する

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

質問の本文を隠す

回答 (4件)

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

No.4ベストアンサー

回答者： 345itati
回答日時：2007/01/21 19:34

・・・打ちながら考えてみたら、要するに画像に枠つければいいだけみたいですね。

- 0
- 件

通報する

この回答へのお礼

回答いただきありがとうございます。　早速やってみます。

通報する

お礼日時：2007/01/21 23:08

No.3

回答者： 345itati
回答日時：2007/01/21 19:14

#2です。

記述ミス修正をさせて下さい。

table {
border-collapose: separate;
border: 5px solid #000000;
background-color: #000000;
}
に訂正です・・・
×bacoground-color: #000000;
background-color: #000000;

- 0
- 件

通報する

No.2

回答者： 345itati
回答日時：2007/01/21 19:08

えっと、そもそも基本から問題があるようなので^^;

額縁というか、画像に枠線をつけて横３列縦5行と考えて・・。画像の大きさは皆同じとしたら、
<head></head>間にスタイルシートで
<style type="text/css">

</style>

HTML部分では
<table>
<tr><td><img src="http://***"></td><td><img src="http://***"></td><td><img src="http://***"></td></tr>
<tr><td><img src="http://***"></td><td><img src="http://***"></td><td><img src="http://***"></td></tr>
<tr><td><img src="http://***"></td><td><img src="http://***"></td><td><img src="http://***"></td></tr>
<tr><td><img src="http://***"></td><td><img src="http://***"></td><td><img src="http://***"></td></tr>
<tr><td><img src="http://***"></td><td><img src="http://***"></td><td><img src="http://***"></td></tr>
</table>

という感じでは駄目ですかね・・・
(セルの範囲を分かりやすくするために、背景色を青くしています。白くしたい場合は、#0000ff部分を#ffffffに変更して下さい。
こういったレイアウト目的の為にテーブルを組むのは、本来好ましくありません。スタイルシートでレイアウトすべきです。