解決済みの質問

質問No.1053822
暇なときにでも
暇なときにでも
お気に入り投稿に追加する (0人が追加しました)
回答数5
閲覧数2783
テーブルの枠が2重線になるので
Border=1
にしてみましたが駄目でした
テーブル枠を1重線にするにはどうしたらいいのでしょうか?

<table border=1 cellspacing=0 cellpadding=0>
<caption align=left>
<nobr>あいうえおかきくけこ<nobr/>
</caption>
<tr><td colspan=3>abc</td></tr>
<tr><td>A</td><td>B</td><td>C</td></tr>
<tr><td>A</td><td>B</td><td>C</td></tr>
<tr><td colspan=3 height=15></td></tr>
</table>
投稿日時 - 2004-10-24 01:04:21

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

回答No.4
>やはりTDすべてに設定するしか方法は無いのですね
一人で思い込むのはやめましょう。

HTMLタグに属性を付加すればよいだけです。


<head>
<STYLE TYPE="text/css">
<!--
TABLE {
border-collapse : collapse;
}
TH,TD {
border : solid 1px black;
}
-->
</style>
</head>
投稿日時 - 2004-10-24 03:21:24
この回答を支持する
(現在0人が支持しています)
補足
失礼しました

<!--
TABLE {
border-collapse : collapse;
}
TH,TD {
border : solid 1px black;
}
-->
</style>
</head>
<table>
<caption align=left>
<nobr>あいうえおかきくけこ<nobr/>
</caption>
<tr ><td colspan=3>abc</td></tr>
<tr ><td>A</td><td>B</td><td>C</td></tr>
<tr ><td>A</td><td>B</td><td>C</td></tr>
<tr ><td>A</td><td>B</td><td>C</td></tr>
<tr ><td colspan=3 height=15></td></tr>
</table>

で外枠もきれいになりました
投稿日時 - 2004-10-24 06:02:55
お礼
ありがとうございます

<head>
<STYLE TYPE="text/css">
<!--
TABLE {
border-collapse : collapse;
}
TH,TD {
border : solid 1px black;
}
-->
</style>
</head>
<table border=1>
<caption align=left>
<nobr>あいうえおかきくけこ<nobr/>
</caption>
<tr ><td colspan=3>abc</td></tr>
<tr ><td>A</td><td>B</td><td>C</td></tr>
<tr ><td>A</td><td>B</td><td>C</td></tr>
<tr ><td>A</td><td>B</td><td>C</td></tr>
<tr ><td colspan=3 height=15></td></tr>
</table>

でやってみると
外枠が薄く灰色のように見えますがほぼきたい通りのようです
投稿日時 - 2004-10-24 06:00:44

ベストアンサー以外の回答 (4)

回答No.3
No.1です。

>1セルづつ設定しなければならないのは大変ですね
CSSも何種類かの書き方があり、classやidをうまく使えば、書く量を減らすことはできます。

>ともかく設定してみたのですが太線枠になり
>スマートな通常の1線にはなりません
border:
を使うと、セルの上下左右すべてに枠線を引いてしまうので、太くなってしまいます。
border-right:

border-bottom:
などをうまく使うことにより、細い線も書けます。
投稿日時 - 2004-10-24 02:30:35
この回答を支持する
(現在1人が支持しています)
お礼
ありがとうございます
すこし工夫が必要ですね
投稿日時 - 2004-10-24 03:20:36
回答No.1
<table border=1>
を使うのではなく、cssを使えば良いと思います。

例えば、<td>で、
<td style="border: solid 1px #000;">***</td>
などと書いてみたらどうでしょうか。

下のリファレンスも参考にしてください。
http://hp.vector.co.jp/authors/VA013937/cssref/border.html
投稿日時 - 2004-10-24 01:10:19
この回答を支持する
(現在1人が支持しています)
補足
ありがとうございます
1セルづつ設定しなければならないのは大変ですね
ともかく設定してみたのですが太線枠になり
スマートな通常の1線にはなりません
これが限界でしょうか?
投稿日時 - 2004-10-24 01:38:40
回答No.5
<style type="text/css">
<!--
td {
border: 1px solid #000000;
padding: 2px;
}
-->
</style>

補足です。
数が多いならやはりスタイルシートを使うべきですね。
ラクに全てのtdにスタイルを適用させるなら
ページの<HEAD></HEAD>の間に(titleの下あたり)
上の様に書き込めば
ページで使われている全てのTableの中のtdに反映されます。

外枠だけ欲しいのなら
tdではなくtableに指定すれば良いです。

たくさんのページで同じ様に反映させたいなら外部ファイルにする、
という方法もあります。

HTMLでの記述は、borderとか何も指示せず。

外観は、No2で紹介したものと大差無いと思うのですが?
投稿日時 - 2004-10-24 03:36:55
この回答を支持する
(現在0人が支持しています)
お礼
ありがとうございます
この方法でやってみましたが
線は細くなるものの長方形を並べたような表になります
桝目にならずに正方形の間に隙間ができています
面白い形なので他の用途に使えると思いますが
投稿日時 - 2004-10-24 05:52:29
回答No.2
No1さんのご紹介の方法が最も一般的で適切だと思いますが、
CSSを使わないとしたら、こんな方法もあります。

<table width="300" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000">
<tr>
<td bgcolor="#FFFFFF">内容</td>
</tr>
</table>
投稿日時 - 2004-10-24 01:40:31
この回答を支持する
(現在0人が支持しています)
お礼
ありがとうございます
太線にならずに通常の線で桝目ができました
やはりTDすべてに設定するしか方法は無いのですね
投稿日時 - 2004-10-24 01:50:43
この質問は役に立ちましたか?
1人が「このQ&Aが役に立った」と投票しています
もっと聞いてみる

関連するQ&A

この他の関連するQ&Aをキーワードで探す

別のキーワードで再検索する

関連するガイド記事

    回答募集中

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

    カテゴリ
    HTML
    -PR-

    OKWaveのおすすめ情報

    特集

    このQ&Aの関連キーワード

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

    カテゴリ
    HTML
    -PR-

    回答のついた最新のQ&A

    カテゴリ
    HTML

    rss

    jipang5054

    Q_iconbody onload 自動フォーカス2014-04-18 17:00:51

    nanden1548

    A_icon<div id="sample1"> <iframe c...2014-04-18 00:04:56

    ピックアップ

    -PR-
    -PR-