- ベストアンサー
<table >枠表示なしに出来ないの？
<table class="scule">で作成しているテーブルがあります。 ｃｓｓを使わずに表枠線無しにできませんか？ 宜しく願います。
- kfjbgut
- お礼率49% (2515/5074)
- その他([技術者向] コンピューター)
- 回答数4
- ありがとう数1
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
そもそもデフォルトのスタイルから何も変更していなければ <table><tr><td>abc</td></tr></table> と書けばテーブルやセルには枠線が表示されません。 指定されているクラスに枠線を表示するスタイルが設定されているか、クラス等に関係なく枠線を表示するスタイルが適用されている可能性があります。 その場合、table に border スタイルが設定されているのであれば <table class="scule" style="border:0;"> で消えます。 td や th 、tr に border スタイルが設定されているのであれば、各td、th 、tr に「 style="border:0;"」を書き加えていく必要があります。
その他の回答 (3)
- notnot
- ベストアンサー率47% (4848/10262)
＞何も指定しないとは？ <table>です。
- akauntook
- ベストアンサー率19% (295/1481)
テーブルタグでテーブル作るのは当たり前過ぎですね。 初心者ならこれ見たら良いです。 http://www.tagindex.com/
関連するQ&A
- <table>の境界線
<table>の境界線で、 <table border=""> としたら線が出るのに、 HTML側が<table>で、CSS側が、 table { border : 1px } とすると、線が出ないのはなぜでしょうか？ 回答よろしくお願いします。
- ベストアンサー
- HTML
- <table>の中の全ての線の表示
<table>でCSS（下）を使って、枠線ができたのですが、外側だけしか線が出ないのですがCSSのみで内側の線を全て表示することはできるでしょうか？ table { border : 1px solid #000000; } 回答よろしくお願いします。
- ベストアンサー
- HTML
- <table summary="test1 tes
classの場合は、 <div class="test1 test2"> が出来ますが、 テーブルで <table summary="test1 test2"> とは出来ないのでしょうか？ 二つのテーブルに対するcssを作ったので、二つとも適用させたいです。
- ベストアンサー
- CSS
- <table></table>の背景色
こんにちは。 同一ページ内に、複数の<table></table>があって、それぞれの<table></table>の背景色を別々の色にするには、どうすれば良いでしょうか？？ <style type="text/css"> table { background-color: #******; } </style> では、全ての<table></table>が同じ背景色になってしまいます。<table></table>ごとに、個別に設定する方法はあるでしょうか？？ ご回答お願いします。
- ベストアンサー
- ブログ
- <table>のclass指定が継承されない
<table>に指定したclass指定が、その下の<td>や<tr>に継承されずに困っています。 HTMLを <table class="sample"> <tr> <td>1-1</td> <td>1-2</td> </tr> <tr> <td>2-1</td> <td>2-2</td> </tr> </table> とし、 cssを table, td { border: 2px #2b2b2b solid; } とした場合、新しくhtmlとcssを作ると表自体と全セルに囲み線が作られます。 ですが、今運営しているHPに記述すると、<table>のborderのみしか表示されません。 試しに、<td>にclassを指定しなおしてみると、そのセルにも囲み線が表示されました。 全<td>にclassを指定すれば問題ないのかもしれませんが、それではあまりにも使い勝手が悪いため、何とかhtmlは<table>のみにclassを指定することで全セルに反映させたいと思っています。 考えられる原因としてはどのようなものがありますでしょうか…？
- ベストアンサー
- CSS
- FireFoxでのtable枠線の表示/非表示
下記HTMLコードは テーブル(TDレベル)の枠線を表示するCSSクラスと 非表示とするCSSクラスを用意し、ボタンを押す事 によりjavascriptでCSSクラスを変更するものです。 <html> <head> <style TYPE="text/css"><!-- table.tclass { border-collapse:collapse; } td.b { border: 1px solid; border-color:#000000; } td.w { border:noe; border-color:#FFFFFF; } --></style> <script Language="JavaScript"><!-- function delLine(elem){ var obj = document.getElementById(elem); obj.className = "w"; } // --></script> </head> <body> <table class="tclass"> <tr> <td class="b" id="td1">Table1</td> <td class="b" id="td2">Table2</td> </td> </tr> </table> <button type='button' onclick='delLine("td2");' >枠線を消す</button><br> </body> </html> 上記のように２つのテーブルセルのうち、右側セルの枠線を 消したいのですが、 右側セルの右枠だけ消えて、残りの枠は表示され たままになります。 因みに onclick='delLine("td1");delLine("td2");' のように、両方のセルともに枠線を消す場合は問題ありません。 また、tableタグのborder-collapse:collapse指定を外しても 成功する事を確認していますが、border-collapse:collapseは できれば指定したいです。 また、FireFox以外ではIE、safari、operaでは問題ありません。 何か対処方法をお分かりの方がおりましたらお教えください。 よろしくおねがいします。
- ベストアンサー
- HTML
- スタイルシートのテーブル枠について
今までテーブルを利用してホームページに簡単な線を つけていました。これをスタイルシートで行うと 微妙にうまくできません・・・お助けください。 すべてＩＥで検査しております。 html従来の私の線の引き方 <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#000000"> <img src="sps.gif" width="600" height="1"> </td> </tr> </table> 上記の表現をスタイルシートを利用してやりたいのですが 線が１pxのはずが、大きくなってしまいます。 cssを利用した記述 css部分 .index_table{ width: 600px; border:0px; border-width: 0px; margin: 0px; padding: 0px; } html部分 <table class="index_table"> <tr> <td bgcolor="#000000"> <img src="ims/sps.gif" width="600" height="1"> </td> </tr> </table> これに似たいい方法は、ないでしょうか？ 質問が、うまくまとまってなくてすみません・・・
- ベストアンサー
- HTML
- CSSでテーブルの表示
.table1 { border: 0px #000000 solid; } table1.s1{width: 20px; } table1.s2{width: 40px; } とcssを記述し <TABLE CLASS="table1" CLASS="s1"> ・・・ と行ってもs1,s2の項目が反映されません。 どのようにすればよいでしょうか？
- ベストアンサー
- HTML
- <table>について教えてください。
最近まで<table>を使用しそして、CSSでtext-alignを使ってレイアウトしていたのですが、最近<table>を使ってやるのがあまりよくないと本に書かれていたのですが。なぜでしょうか。 <table>タグを使わないのであれば、どのようにレイアウトを組んでゆけばいいのでしょうか。<div>タグで区切っていきCSSのpositionで指定するのでしょうか。 よろしくおねがいします。
- ベストアンサー
- HTML
- 中のテーブルにまで及ばせないようにする
テーブルの中にテーブルがあり、 外のテーブルには .table tr .table td でclassを設定しており、 その影響を中のテーブルにまで及ばせないようにすることは可能でしょうか？ <table class=css> <tr> <td> <table> <tr> <td> ここに外側のcssの影響を及ばせたくない </td> </tr> </table> </td> </tr> </table>
- ベストアンサー
- CSS
お礼
有り難うございます。 上手くいきました。