こんなテーブル

[新着] Webテンプレートを仮オープンしました



0   名前: コンフェデ灰 : 2005/07/20 21:37  [URL
URLに参考として絵を入れておいたのですが、適当な絵ですみません。。
こんな感じのテーブルを作りたいのですが、どんなタグになりますか?

1   名前: tk : 2005/07/20 21:37
2列12行のテーブルで必要に応じてセルをくっつけるんでよいかと。
<table>
<tr><th colspan=2>abc</th></tr>
<tr><td><img...></td><td rowspan=2>G</td></tr>
<tr><td>DEF</td></tr>
<tr><th colspan=2></th></tr>
<tr><td><img...></td><td rowspan=2>K</td></tr>
<tr><td>H??</td></tr>
中略
</table>
こんな感じでしょうか

2   名前: コンフェデ灰 : 2005/07/20 21:37
ありがとうございます!
タグテストしてみるとテーブルが表示されないんですがこれは中の文字を全部入れれば表示されるんでしょうか?

3   名前: tk : 2005/07/20 21:37
表示されないですか?
もしかしてテーブルの枠線の枠線の事でしょうか??
もしそうなら、
<table>のところを<table border=1>
に変更してください。
http://www.tagindex.com/html_tag/table/index.html

4   名前: コンフェデ灰 : 2005/07/20 21:37
あ、ホントですね^^;ミスりました。すみません。
おかげで出来たんですが、abcのところを載せた絵みたいにバックを黒く、abcは白くしたいんですがそれはどうすればいいんでしょうか?
abcのとこ以外はそのままでいいです。

5   名前: tk : 2005/07/20 21:37
これでだいたい絵の通りになるかと思います。
<html lang="ja">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
<!--
table{background-color:#000000;}
th{color:#ffffff;border:0}
td {background-color:#ffffff;}
-->
</style>
</head>
<body>
<table border=1>
<tr><th colspan=2>abc</th></tr>
<tr><td>画像</td><td rowspan=2>G</td></tr>
<tr><td>DEF</td></tr>
<tr><th colspan=2> </th></tr>
<tr><td>画像</td><td rowspan=2>K</td></tr>
<tr><td>???</td></tr>
<tr><th colspan=2> </th></tr>
<tr><td>画像</td><td rowspan=2>O</td></tr>
<tr><td>???</td></tr>
<tr><th colspan=2> </th></tr>
<tr><td>画像</td><td rowspan=2>S</td></tr>
<tr><td>???</td></tr>
</table>
</body>
</html>

6   名前: コンフェデ灰 : 2005/07/20 21:37
ホントありがとうございます!出来ました。

一覧へ戻る