掲示板/総合質問板/過去ログ/一覧/ テーブルの枠線ですが

0 名前：あお： 2004/05/10 02:31: いつも勉強させていただいています。
またよろしくお願いします。

下記内容のテーブルを作りました。
１列目は空欄、２列目にバーナー画像、３列目にリンク先HPについての説明を載せます。
線を表示させるかさせないかの指示は分かったのですが、枠線を横線のみ表示させる方法が分かりません。
テーブル枠の横線のみ表示させる方法があれば教えて下さい。

また、こちらの相談ルームなどの枠線のように、細い枠線を表示させるにはどうしたらよいのでしょうか？

上記２件、どなたか教えてください。

<TABLE border="1" width="740" height="300" cellspacing="1" cellpadding="1">
<TBODY>
<TR valign="middle" align="center">
<TD width="100" height="100" rowspan="3"></TD>
<TD valign="middle" align="center" width="140" height="100"></TD>
<TD valign="middle" align="left" width="500" height="100"><FONT SIZE="2">文章</FONT></TD>
</TR>
<TR>
<TD valign="middle" align="center" width="140" height="100"></TD>
<TD valign="middle" align="left" width="500" height="100"><FONT SIZE="2">文章</FONT></TD>
</TR>
<TR>
<TD valign="middle" align="center" width="140" height="100"></TD>
<TD valign="middle" align="left" width="500" height="100"><FONT SIZE="2">文章</FONT></TD>
</TR>
</TBODY>
</TABLE>

1 名前： croco ： 2004/05/10 21:35: <table border="1" width="740" height="300" cellspacing="1" cellpadding="1">
<tr><td width="100" height="100" rowspan="3"></td>
<td><table><tr>
<td valign="middle" align="center" width="140" height="100">バナー画像</td>
<td valign="middle" align="left" width="500" height="100"><font size="2">文章</font></td>
</tr></table>
</td></tr>
<tr><td>
<table><tr>
<td valign="middle" align="center" width="140" height="100">バナー画像</td>
<td valign="middle" align="left" width="500" height="100"><font size="2">文章</font></td>
</tr></table>
</td></tr>
<tr><td>
<table><tr>
<td valign="middle" align="center" width="140" height="100">バナー画像</td>
<td valign="middle" align="left" width="500" height="100"><font size="2">文章</font></td>
</tr></table>
</td></tr></table>

テーブル枠の横線のみ表示させる方法はこのようになります。
細い枠線を表示させる方法はソースを見ると分かりますが、テーブルを三重にすることで表現しています。

<table border="0" width="95%" cellspacing="0" cellpadding="0"><tr><td bgcolor="#ffb366">
<table border="0" width="100%" cellspacing="1" cellpadding="0"><tr><td bgcolor="#ffb366">
<table border="0" width="100%" cellspacing="5" cellpadding="0"><tr><td><font size="4" color="#ffffff"><b>タイトル</b></font></td></tr></table>
</td></tr>
<tr><td bgcolor="#fffdee">
<table border="0" width="100%" cellspacing="7" cellpadding="0"><tr><td></td></tr>
<tr><td>
<dl>
<dt>名前： <b>名無しさん</b> ：日付</dt><br><br>
<dd>文章です。</dd></dl>
</td></tr></table>
</td></tr></table>
</td></tr></table>

2 名前：あお： 2004/05/11 12:57: crocoさんありがとうございます。
上部記載のものと下部記載のものを試してみたのですが･･･どちらもよく分かりませんでした。
すみません、頭悪くて（--;）

横線のみを表示させるというのは、イメージ的にこちらのレス欄のように、横線１本で行を区切りたいということです。
左右上下の枠線、外側の囲い線はいらないということなのですが･･･。

私もいろいろ研究してみます。

3 名前： Milky Way6 ： 2004/05/12 09:44 ［URL］: > 横線のみを表示させるというのは、イメージ的にこちらのレス欄のように、横線１本で行を区切りたいということです。
それならば、Table自体には枠線を付けず、<hr>タグで横線を付ければいいのではないでしょうか？

例：
<table bgcolor="e9e9e9">
<tr><td>1.空欄<hr size="2" color="#c0c0c0"></td></tr>
<tr><td>2.バナー画像<hr size="2" color="#c0c0c0"></td></tr>
<tr><td>3.リンク先の説明</td></tr>
</table>

太さはsize属性で、色はcolor属性で変えられます（＾＾）