- ベストアンサー
Table のボーダーを非表示にしたいのですが。。。
Table のボーダーを非表示にしたいのですが、 上手くいきません。 <Table border="0"> or <table> 上記の条件でも、 ボーダーが表示されてしまいます。 IEでの表示を想定しています。 ご存知の方いらっしゃいましたら、よろしくお願い致します。
- hirojuille
- お礼率84% (27/32)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
スタイルシートで設定しましょう。 <head> </head> 内に、 <style type="text/css"> <!-- table,td,th{border:none;} --> </style> ただ、tableには罫線をつけておくほうがユーザービリティからは良いです。 ここからは、ひょっとしての余計な話ですが・・・ もし、デザインのために表を使われるのならそれは止めましょう。仕様書で名指しで批判されている間違った用法ですから・・ 【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから Webページのプレゼンテーションを向上させようという志は素晴らしいものではあったが、そのためのテクニックには思わぬ副産物があった。こうしたテクニックは、特定の人々、特定の時代状況でしか成り立たず、すべての人々、すべての時代状況において成り立つものではないのだ。こうしたテクニックの例を挙げよう。 ・・・【中略】・・・ * テキストを画像に置き換えて表現する。 * 余白制御のために画像を用いる。 * ページレイアウトの目的で表を用いる。★★★ ・・・【中略】・・・ こうしたテクニックによって、Webページはより複雑化し、限られた環境にしか適応しなくなり、相互運用性問題に悩まされることとなり、障害を持つ人々にアクセス障壁が設けられてしまう。 ￣￣￣￣￣￣￣￣￣￣￣￣￣ここまでHTML4.01仕様書[14.1 スタイルシートの概説] (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )］より デザインにtableを使わずスタイルシートを使いましょう。
その他の回答 (1)
- steel_gray
- ベストアンサー率66% (1052/1578)
IEを含め少なくともメジャーなブラウザで、 何も指定をしないのにテーブルに罫線が付くものはありません。 何か指定をした結果ですから、まずはその原因を探してください。 （おそらくは、そうなるようにスタイルシートを書いているはずです）
お礼
ご指摘の通り、 スタイルシートに表記されていました。 FireFaxでは、ボーダーが表示されなかったのに、 IEでは、ボーダーが表示されてしまっていたので、 質問させて頂きました。 ありがとう御座いました。
関連するQ&A
- CSSでテーブルボーダーを表示させたいのですが・・
スタイルシートを使用したテーブルのボーダー表示について質問です。 スタイルシートで下記テーブルボーダー表示設定をしたところ、 IEでは表示されるのですが、Netscape7.0ではボーダーが全く表示されません。 table.01 {FONT-SIZE: 12px; border-collapse : collapse ; border-width : 1px 0 0 1px ; border-style : solid ; border-color : #37503D ; background-color:#FAFFFB;} table.01 td {border-width : 0 1px 1px 0 ; border-style : solid ; padding : 5px ; line-height:120%;} 現在調べているところですが、お解りになるかたがいらっしゃれば是非教えていただけないでしょうか。 どうぞ宜しくお願い致します。
- ベストアンサー
- HTML
- テーブルの表示について。
<CENTER> ・・・ <TABLE BORDER="1" CELLSPACING="0" CELLPADDING="6" WIDTH="60"> <TR><TD BGCOLOR="#FFFFFF" ALIGN="CENTER"><b>テスト</b></TD></TR> </TABLE> ・・・ </CENTER> というようなテーブルを作成したのですが、 最初に指定しています。 これ他の部分はセンター表示でもかまわないのですが、 上記にしめしたテーブルのみは右に表示したいのですが、 何かよいやり方はあるのでしょうか？ また、いまのままではBORDER="1"は線が太すぎてみずらいのですが、１よりも線を細くすることは可能なのでしょうか？？ よろしくお願いいします。
- ベストアンサー
- HTML
- FireFoxとIEでの「border」の表示について
いつもお世話になっています。 HTMLタグの<TABLE>で表を作りborder=0を指定したところIEとFireFoxでは違う表示がされ困っています。 【IEの場合】 罫線が表示されなくなる 【FireFoxの場合】 外枠線は表示されず内側の線だけが表示される 上記の問題をFireFoxでも非表示にしたいのですがなにか良い方法はないでしょうか？ よろしくお願い致します。
- ベストアンサー
- ブラウザ
- 二つのテーブルを横に並べて表示するにはどうすれば
"<table border=10><tr><td>test</td></tr></table><table border=10><tr><td>test</td></tr></table>" のように、テーブルを二つ表示させたい時に test test と、縦に並んでブラウザに表示されてしまうのですが testtest のように、二つのテーブルを横に並べて表示するにはどうすればよいでしょうか？
- ベストアンサー
- HTML
- borderが1のテーブル
ボーダーが1ピクセルくらいの表を作りたいので、tableの入れ子で作ったのですが「tableの入れ子は良くない」ととあるサイトで読んだので、入れ子にしないでtableを作りたいのですが何か良い方法はありますでしょうか？ 私が書いたのはこんなかんじです。 <table width="400" border="0" cellpadding="0" cellspacing="0"> <tr> <td bgcolor="#000000"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="1"> <tr bgcolor="#999999"> <th><div align="center"><font size="2">名称</font></div></th> <th><div align="center"><font size="2">模型材質</font></div></th> <th><div align="center"><font size="2">生産材質</font></div></th> </tr> <tr bgcolor="#FFFFFF"> <td bgcolor="#999999"><div align="center"><font size="2">本体</font></div></td> <td><div align="center"><font size="2">発泡塩ビ板</font></div></td> <td><div align="center"><font size="2">プラスチック</font></div></td> </tr> </table></td> </tr> </table> CSSで「style="border-width :1px 1px 1px 1px;border-style : solid solid solid solid ;border-color :#000000 #000000 #000000 #000000 ;"」というのを入れてやってみたのですが、これだと外側にしかラインが表示されませんでした。 よろしくおねがいします。
- ベストアンサー
- その他（プログラミング・開発）
- テーブルのボーダー（枠線）は何で指定したらいいですか？
テーブルの枠線の指定の仕方について質問です。 HTMLだけで指定するのであれば、 <table border="1"> ～～ </table> といった感じなのでしょうが、CSSも併用している場合、CSSで td{border:solid;] とし、HTMLでは <table> ～～ </table> という風に簡単（？）に書いたほうがいいんでしょうか？ なんでも見た目はCSSで定義しろとのことですし、テーブルの枠線ってHTMLとCSSとどっちで定義するのがいいんでしょうか？ 分かりにくい質問で申し訳ありません。初心者のため書き足りないところあるかもしれませんが、よろしくお願いします。
- ベストアンサー
- 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
- 一部ページのtableのボーダーをCSSで消す方法。
一部ページのtableのボーダーをCSSで消す方法。 あるページのtableだけボーダーを消したいと思い、 そのページの<table></table> を <div class="item"></div> で囲い以下のようにCSS側に書き込みました。 .item table,th,td{ border:none } が、この命令が<div class="item"></div>で囲まれていない全ページに適応されてしまい、全てのtable要素のボーダーが消えてしまいます。。 所定のページのtable要素のボーダーのみの消し方を教えて頂けないでしょうか？ CSS側の記述する順番にも影響があるのでしょうか？ 宜しくお願い致します。
- ベストアンサー
- HTML
- テーブルをテーブルで囲う意味はありますか？
<table border=1> <tr><td> <table border=1> <tr><td> a </td><td> b </td></tr> </table> </td> </tr> </table> このようにテーブルをテーブルで囲う意味はありますか？ ｈｔｍｌの勉強をしていて、 ネット上でテーブルのサンプルを拾ったのですが、 上記のようにテーブルをテーブルで囲んでました。 この方法でサイト上に１００個くらいテーブルを作ってしまったのですが 今更ながらこういう書き方に意味はあるのかな？ と思い始めてきました。 意味はあるのでしょうか？
- ベストアンサー
- HTML
- テーブルの真ん中の横線だけ非表示にしたい
まったくの初心者ですが、 下記テーブルの真ん中の横線だけ非表示にしたいのですが、 詳しい方いらっしゃいましたら、宜しくお願い致します。 <TABLE cellSpacing=0 cellPadding=0 width=300 border=1> <TR><TD></TD></TR> <TR><TD></TD></TR></TABLE>
- ベストアンサー
- その他([技術者向] コンピューター)
お礼
ご指摘の通りでした。 また、丁寧に解説して頂いてありがとうございます。 今後の進め方も参考になりました。！