縦線と横線だけを表示させたい。

質問

以下のようなイメージのページをテーブルを使用し作成したいのですが、
表枠は表示させず、縦線と横線のみに出来ますか。
フレームを使用すれば出来そうですが。

図1　　　| 図2 図3 図4
図5 図6　| 文字1
文字2　　| 文字3
文字4　　| -----------------
　　　　　|文字5
　　　　　|文字6 図7 図8

＊線は直線です。

回答No.4

kamoto · ベストアンサー

#3のkamotoです。
ちょっと説明がこんがらがってしまいましたので補足。

「縦線と横線の画像をそれぞれ作って…」
というのは、線と文字や画像の間をすこし空けたい場合、
例えば垂直線でしたら、幅11pxの画像で、真ん中の1pxのみ色をつけ、
左右5pxずつを白（または背景色）にしておけば、
その5px分の空間を線の周りに作ることができるよ、
ということです。

高さは1pxにして、<td background="sample.gif">で指定すれば、
テーブル全体の高さに線が伸びてくれます。

同様に、幅1px、高さ11pxの画像を作れば、水平線ができます。

お礼

どうも有難う御座いました。N0.3、4にて解決しました。

回答No.3

kamoto

これはテーブルのborderでやらずに、
縦線と横線の画像をそれぞれ作って、
線用の<td>を用意してやるほうがおすすめです♪

ご質問の組み方ですと、
<table width="401" border="0" cellspacing="0" cellpadding="0">
<tr>
　<td width="200" rowspan="3">図1・図5・図6・文字2・文字4</td>
　<td width="1" rowspan="3" bgcolor="#333333"><img src="spacer.gif"></td>
　<td width="200">図2・図3・図4・文字1・文字3</td>
</tr>
<tr><td height="1" bgcolor="#333333"><img src="spacer.gif"></td></tr>
<tr><td>文字5・文字6・図7・図8</td></tr>
</table>

これはテーブルの背景に色をつけて、それを
透明のイメージ＝spacer.gifで固定しています。
ちょっと説明を簡単にするために省略しているところも
ありますが…いかがでしょうか？

回答No.2

noname#45976

テーブルタグに「FRAME=VOID」を追加するだけで、外枠を消すことが出来ます。（ただしInternet Explorerのみかも）
こんな感じです。↓

<TABLE BORDER=1 FRAME=VOID>
<TR><TD rowspan=2> 1 </TD><TD> 2 </TD></TR>
<TR><TD> 3 </TD></TR>
</TABLE>

回答No.1

MtHill

スタイルシートで border を指定してみてはいかがでしょうか。
たとえば

<table style="border-left:1px solid #000;">

のようにすると、スタイルシートに対応しているブラウザーであれば table の左側に 1 ピクセルの黒い線が表示されます。