OKWAVEのAI「あい」が美容・健康の悩みに最適な回答をご提案!
-PR-
解決
済み

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

  • すぐに回答を!
  • 質問No.249055
  • 閲覧数535
  • ありがとう数3
  • 気になる数0
  • 回答数4
  • コメント数0

お礼率 38% (23/59)

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

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

*線は直線です。
通報する
  • 回答数4
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

質問者が選んだベストアンサー

  • 回答No.4
レベル9

ベストアンサー率 41% (26/62)

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

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

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

同様に、幅1px、高さ11pxの画像を作れば、水平線ができます。
お礼コメント
SpeedStep

お礼率 38% (23/59)

どうも有難う御座いました。N0.3、4にて解決しました。
投稿日時 - 2002-04-10 20:20:34
-PR-
-PR-

その他の回答 (全3件)

  • 回答No.1
レベル8

ベストアンサー率 68% (17/25)

スタイルシートで border を指定してみてはいかがでしょうか。 たとえば <table style="border-left:1px solid #000;"> のようにすると、スタイルシートに対応しているブラウザーであれば table の左側に 1 ピクセルの黒い線が表示されます。
スタイルシートで border を指定してみてはいかがでしょうか。
たとえば

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

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


  • 回答No.2

テーブルタグに「FRAME=VOID」を追加するだけで、外枠を消すことが出来ます。(ただしInternet Explorerのみかも) こんな感じです。↓ <TABLE BORDER=1 FRAME=VOID> <TR><TD rowspan=2> 1 </TD><TD> 2 </TD></TR> <TR ...続きを読む
テーブルタグに「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.3
レベル9

ベストアンサー率 41% (26/62)

これはテーブルのborderでやらずに、 縦線と横線の画像をそれぞれ作って、 線用の<td>を用意してやるほうがおすすめです♪ ご質問の組み方ですと、 <table width="401" border="0" cellspacing="0" cellpadding="0"> <t ...続きを読む
これはテーブルの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で固定しています。
ちょっと説明を簡単にするために省略しているところも
ありますが…いかがでしょうか?
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


いま みんなが気になるQ&A

関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ