最新閲覧日:

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

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

*線は直線です。

A 回答 (4件)

#3のkamotoです。


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

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

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

同様に、幅1px、高さ11pxの画像を作れば、水平線ができます。
    • good
    • 0
この回答へのお礼

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

お礼日時:2002/04/10 20:20

これはテーブルの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で固定しています。
ちょっと説明を簡単にするために省略しているところも
ありますが…いかがでしょうか?
    • good
    • 0

テーブルタグに「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>
    • good
    • 0

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


たとえば

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

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

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード


このカテゴリの人気Q&Aランキング

おすすめ情報