- ベストアンサー
テーブルの囲い線
<table width="620" border="1" bordercolor="#000000"> としましたが、線がテーブルのがい枠と、それぞれのセルの枠と２重になり、 しかもテキストを埋めないとセルの枠が形成されずみっともないものになります。 なんとか普通の表のように１本の枠線にならないでしょうか？
- kurobon619
- お礼率76% (314/410)
- HTML
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
後方互換のため <table width="620" border="1" bordercolor="#000000"> のまま、別途スタイルシートを記述する ・<head></head>内に書く ・外部スタイルシートに記述 もしくは、 <table width="620" border="1" bordercolor="#000000" style="・・・"> スタイルシート自体は table{ border-collapse:collapse; border:1px solid #000000; empty-cells:show;/*結合モデルの場合はなくてもよい*/ }
その他の回答 (1)
- torayoshi
- ベストアンサー率62% (910/1449)
CSS <table style="border-collapse:collapse;width:620px;border:solid #000000 1px;">
お礼
torayoshiさんありがとうございます。 わかりました。
関連するQ&A
- テーブルの線の色を白にしたい
テーブルの線の色を白にしたいのですが、 <table border=1 bordercolor="#White">ではなりません。 <table border=1 bordercolor="#ffffff">にしても <table border=1 bordercolor="White">にしてもなりません。 border=0にすれば線は消えましたが、 なぜ上記の方法では線は白にならないのでしょうか？
- 締切済み
- ホームページ作成ソフト
- ヤフオク商品出品で、DREAMWEAVERで テーブルを使ってHTML
ヤフオク商品出品で、DREAMWEAVERで テーブルを使ってHTMLを作成しています。DREAMWEAVER上やブラウザでプレビューでは、表の枠のカラーが出るのに、出品上では、カラーが出ずにグレーのテーブル枠になります。ソースは下記のようになります。どなたかご教示お願いします。 <table width="660" border="1"cellpadding=0 bordercolor="#FFCCCC" cellspacing=0 bordercolor="#0089DD">
- ベストアンサー
- HTML
- cssでテーブルで細い線
スタイルシートを使って 1ピクセルの細い線にしようと、 サンプルのように以下のようにしてみましたが 中の線（td？）が二重になってしまいます 一線にするのにどのようにすればイイですか？ ―――――――― .table2 { width: 400px; /* テーブルの横幅 */ border-collapse: collapse; /* 枠線の表示方法 */ border: 1px #1C79C6 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ background-color: #FFFFFF; /* 背景色 */ } .table2 TD { border: 1px #1C79C6 collapse; /* セルの枠線（太さ・色・スタイル） */ } ―――――――――――――― <TABLE CLASS="table2"> <TR> <TD>WebデザインA</TD> <TD>WebデザインB</TD> </TR> <TR> <TD>WebデザインC</TD> <TD>WebデザインD</TD> </TR> </TABLE>
- ベストアンサー
- CSS
- テーブル・セル枠線の色
下記のようにテーブルを組むと、IEでは1pxの赤いボーダーで表示されるのですが、 ネスケだとグレーの太い線になってしまいます。 どのように変えたらよいのでしょうか。 <TABLE border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#FF5F8D" width="100%"> <TR> <TD width="50%"> </TD> <TD width="50%"> </TD> </TR> </TABLE>
- ベストアンサー
- HTML
- テーブルの線の色が指定できない
テーブルの線の色が指定できないうえ、最後に宣言したスタイルシートが適用されてしまいます。 理由がわかりません。 <style type="text/css"> table, td, th.bordercolor_white { border: 1px white solid; } table, td, th.bordercolor_red { border: 1px red solid; } </style> <table class="bordercolor_white"> <tr> <td>aaa</td> <td>bbb</td> </tr> </table> このような文だと、 <table class="bordercolor_white">としているのに、 なぜかテーブルの線の色は、赤になってしまいます。 table, td, th.bordercolor_red { border: 1px red solid; } table, td, th.bordercolor_white { border: 1px white solid; } のように、順番を入れ替えると、最後に宣言した白になります。 なので、<table class="bordercolor_white">の部分は無視されるようです。 二つのテーブルの線の色を用意した場合、 任意でテーブルの線の色を付ける方法をご教授ください。
- 締切済み
- CSS
- 特定のテーブルのみ枠線の色を消したい
スタイルシートで他のテーブルの為に色を設定しているけど 特定のテーブルのみ、枠線の色をすべて消したい場合は、 どうすればよろしいでしょうか？ <style type="text/css"> table {border:1px solid red;} table tr {border:1px solid red;} table th {border:1px solid red;} table td {border:1px solid red;} </style> <body> <table border=1 cellspacing=1 cellpadding=1> <tr><td>a</td><td>b</td></tr> </table> <br> <table border=1 cellspacing=1 cellpadding=1 bordercolor="FFFFFF"> <tr><td>a</td><td>b</td></tr> </table> <br> <table border=0 cellspacing=0 cellpadding=1 bordercolor="FFFFFF"> <tr><td>a</td><td>b</td></tr> </table> <br> <table cellpadding=1 bordercolor="FFFFFF"> <tr><td>a</td><td>b</td></tr> </table> <br> <table bordercolor="FFFFFF"> <tr><td>a</td><td>b</td></tr> </table> このソースだと、テーブルならすべて枠線が付いてしまいます。 特定のテーブルのみ赤枠ではなく、白にして色を消したいのですがどうすればいいですか？
- ベストアンサー
- CSS
- html テーブルの線色変えるのこれでいいのでは？
テーブルの線色をスタイルで指定するのこれでいいのではないでしょうか？ <TABLE class="schedule" style="width=300": bordercolor="#ff0000"> クラス指定していますがwidth=300"認識しています。線色もこれでいいと思うのですが変りません。 これでは間違いですかね？ 宜しく願います。
- ベストアンサー
- HTML
- テーブルの線の色について
とあるテーブルを作って、その線の色を変更しようとしています。 <table border="1" bordercolor="#99FF00"> ですると、普通に色はでますが、線が太いですよね。 サイトによっては、細い線で書かれているものもありますが、あれはどうやったらできるのでしょうか？ 例えば、yahooの個人ツールやトピックス等のラインは細いですよね。ああいう感じにしたいのですが方法がわかりません。 良きアドバイスをお願いいたします。
- ベストアンサー
- HTML
- テーブルの中にテーブルを入れ込んで・・・
最近、質問ばかりしてるような気がするのですが・・・ m(__)m 親テーブルのセルの中に子テーブルを入れ込んで 子テーブルを親テーブルのセルの縦位置を中央に表示させたいのですがうまく行きません NN6.Xでは表示されるのですがIEだと上寄せに 表示されてしまいます。 これはIEの仕様でしょうがないのでしょうか？ （↑けしてダジャレではありません(^^ゞ） セル内配置でテキストや画像は上手く 中央位置に出来るのですが子テーブルが出来ないです なぜでしょうか？ 参考のためにソースコードを --------------------------------- <table width="100%" border="1" height="100%"> <tr> <td align="center" valign="middle"> <table width="50%" border="1" height="50%"> <tr> <td> </td> </tr> </table> </td> </tr> </table> ------------------------------------- よろしくお願いします。 スタイルシートやjavascriptを使ったやりかた とかもあるのでしょうか？
- ベストアンサー
- HTML
- CSSのテーブルの件で
はじめまして よろしくお願いいたします。 CSSでテーブルを作っているのですが うまくいきません 作りたいのは下記のようなテーブルです ┌───────┐ │ A │ B │ └───────┘ 点線ではなく普通の線で構いません 大きなテーブルの幅が500pxとして Aを200px Bを300px にしたいのです テーブルのIDは「table2」にしています <外部CSSの部分> #table2{border:1px solid #000000; width:500px; } #table2 th{border:1px solid #000000; width:200px; } #table2 td{border:1px solid #000000; width:300px; } <htmlの部分> <table id="table2"> <tr> <td></td> </tr> </table> 色々やってみたのですが うまく行きません 詳しい方教えて頂けないでしょうか？ どうぞよろしくお願いいたします。
- ベストアンサー
- HTML
お礼
ORUKA1951さん詳細ありがとうございます。 助かります。