上司に言われてHTMLを作成していますが、「横に並ぶ二つのテーブルの間の境界線を消せ」とワガママ言われて困っています・・・。プログラムの関係上、セルを結合させるといけないので、見かけ上の線だけを消したいのですが、可能なのでしょうか？？例えば、ＡＢという場合に、ＡセルとＢセルの間の線だけを消すことはできますか？すみません、今日中に作れと言われているので、至急回答をいただけると助かります・・・よろしくお願い致しますm(_ _)m

う～ん、ネスケ4.Xでダメっすねぇ…。 test あいうＡＢＣ

sightさんの回答とお礼、拝見しました。つまりはこんな感じでいいでしょうか？あいうＡＢＣ

外枠を消さずに、内枠だけ消したい、ということですよね？ Ineternet Explorerならば内枠のボーダーの表示をコントロールするRULES属性が効くので、でいけるんですが、Netscape4.xではうまくいかないです。一番確実なのは、ＡＢみたいな感じにするしかないんじゃないですかね。外側のテーブルは外枠表示専用、セル一つにしてしまって。

↑これをのようにすればOK. ただこうするとAとBのセルがくっついてしまうので、間に余白を空けたければ、としてやればOKです。

テーブルの境界線を消したい！！

解決済

質問者：dongurineko
質問日時：2001/09/18 09:03
回答数：6件

上司に言われてHTMLを作成していますが、「横に並ぶ二つのテーブルの間の境界線を消せ」とワガママ言われて困っています・・・。
プログラムの関係上、セルを結合させるといけないので、見かけ上の線だけを消したいのですが、可能なのでしょうか？？

例えば、

<TABLE BORDER=1>
<TR><TD>Ａ</TD><TD>Ｂ</TD></TR>
</TABLE>

という場合に、ＡセルとＢセルの間の線だけを消すことはできますか？
すみません、今日中に作れと言われているので、至急回答をいただけると助かります・・・
よろしくお願い致しますm(_ _)m

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (6件)

No.6

回答者： HitomiKurose
回答日時：2001/09/18 11:49

う～ん、ネスケ4.Xでダメっすねぇ…。

- 0
- 件

通報する

この回答へのお礼

ありがとうございます！お礼が遅くなりまして申し訳ありません・・・
だいぶ出来てきました。
皆さまのアドバイスのお蔭です！！
ありがとうございました！！

通報する

お礼日時：2001/09/19 23:03

No.5ベストアンサー

回答者： sight
回答日時：2001/09/18 09:59

う～ん・・・そこまで細かいとRULES属性とかでもどうにもならないと思います。

まだ、横線だけ、とかTFOOTとTBODYを区別しろ、とかなら可能ですけど、HTML的にTDでマークアップした全く同列のセルを、周りと違うものとして区別することはできません。もともとの概念的に無理だと思います。
スタイルシートを使ってもBORDERはTDがつけているわけではなくてTABLE単位でつけているので、無理でしょう。

やっぱり、「表」であるということを無視してデザインだけのためにTABLE要素を使い、

<TABLE BORDER=1>
<TR><TD>あ</TD><TD>い</TD><TD>う</TD></TR>
<TR><TD>

<TABLE FRAME="none">
<TR><TD>Ａ</TD><TD>Ｂ</TD>
</TABLE>

</TD><TD>Ｃ</TD></TR>
</TABLE>
とするしかないんじゃないかと思うのですが。

これだと、プログラムでの書き出し（動的なHTMLページなんでしょうね）に不都合が生じますか？
＃***SPAN属性などでセルをまとめるのがダメだったら、これも五十歩百歩だろうなぁ・・・。

- 0
- 件

通報する

この回答へのお礼

ありがとうございます！
span属性なしで、という条件をクリアしているので、これでもう少し調整すれば行けるかもしれません。
だいぶ形が整ってきたので、何とかなりそうです。
ありがとうございました！！

通報する

お礼日時：2001/09/18 11:32

No.4

回答者： sesame
回答日時：2001/09/18 09:50

sightさんの回答とお礼、拝見しました。

つまりはこんな感じでいいでしょうか？

<TABLE BORDER=1>
<TR><TD>あ</TD><TD>い</TD><TD>う</TD></TR>
<TR><TD colspan=2>

<TABLE BORDER=0>
<TR><TD>Ａ</TD><TD>Ｂ</TD><TR>
</TABLE>

</TD><TD>Ｃ</TD></TR>
</TABLE>
</P>

- 0
- 件

通報する

この回答へのお礼

何度もありがとうございます。
だいぶ近づいてきました！！
ただ、下にも書きましたがcolspanがどのあたりまで使っていいのかが私自身よく分かっていないので、上司に相談してみます。
でも、なんとなく行けそうになってきました・・・！！

通報する

お礼日時：2001/09/18 11:29

No.3

回答者： a-kuma
回答日時：2001/09/18 09:49

<TD> タグの colspan 属性を使うとできます。

こんな感じ。

<TABLE BORDER=1>
<TR><TD>あ</TD><TD>い</TD><TD>う</TD></TR>
<TR><TD colspan=2>ＡＢ</TD><TD>Ｃ</TD></TR>
</TABLE>

二つのセルを一緒にする、というよりも、このセルは二つ分の列を使うんだ、
という指定になります。

因みに、行（縦）方向につなげるには、rowspan 属性を使います。こんな感じ。

<TABLE BORDER=1>
<TR><TD rowspan=2>あ<br>Ａ</TD><TD>い</TD><TD>う</TD></TR>
<TR><TD>Ｂ</TD><TD>Ｃ</TD></TR>
</TABLE>

- 1
- 件

通報する

この回答へのお礼

ありがとうございます。
見た目はほぼ理想どおりなのですが、colspanを使うとプログラム上支障が出る、とのことで却下されました・・・（泣）
私自身、プログラムとの連携をよく理解していないので上手くご説明できなくて・・・
ご回答ありがとうございました。

通報する

お礼日時：2001/09/18 11:25

No.2

回答者： sight
回答日時：2001/09/18 09:18

外枠を消さずに、内枠だけ消したい、ということですよね？

Ineternet Explorerならば内枠のボーダーの表示をコントロールするRULES属性が効くので、
<TABLE FRAME="box" RULES="none" BORDER="1">
でいけるんですが、Netscape4.xではうまくいかないです。

一番確実なのは、

<TABLE BORDER=1>
<TR><TD>
<TABLE FRAME="none">
<TR><TD>Ａ</TD><TD>Ｂ</TD></TR>
</TABLE>
</TD></TR>
</TABLE>

みたいな感じにするしかないんじゃないですかね。
外側のテーブルは外枠表示専用、セル一つにしてしまって。

- 0
- 件

通報する

この回答へのお礼

ありがとうございます。
またまた私の説明不足でして、実際は

<TABLE BORDER=1>
<TR><TD>あ</TD><TD>い</TD><TD>う</TD></TR>
<TR><TD>Ａ</TD><TD>Ｂ</TD><TD>Ｃ</TD></TR>
</TABLE>

のようにいくつか並んだセルの、ＡとＢの間だけを消す、というものなんです・・・。（"Ｂ"と"Ｃ"の間や、"あ"と"Ａ"の間はそのままで）
すみません。。。説明が全然足りてなくて・・・ちょっと慌ててたもので・・・
教えていただいた方法で応用できないか試してみましたが、上手くいきませんでした・・・すみません・・・。

通報する

お礼日時：2001/09/18 09:40

No.1