- ベストアンサー
<table>タグについて
<table>タグを使うことって結構多いんですが "border color"を使って枠の色を付けると、 表の周りを囲む外枠と、<tr><td>部分の枠と、 ２重に枠線が付きますよね。 wordで作ったみたいなシンプルな格子の表にしたい場合、 どうすればいいんですか？教えてください！
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
下記URLにいろいろテクニックがのっています。 ちょっと工夫が必要なようですね。
その他の回答 (1)
- ken-oo
- ベストアンサー率44% (59/133)
tableタグの中で、 cellspacing="0" と指定すると単線になります。
お礼
ありがとうございました！ cellspacingってそういう意味だったんですね（笑） なんか勘違いしてました！助かりました
関連するQ&A
- <table>タグについて
以前同じような質問をさせていただいたのですが、以前質問した逆の内容が わからないので質問させていただきます。 以前の質問では<table>タグを使用して表を同じ高さに表示させるという 質問をさせていただきました。 【回答】 <table><tr> <td><table>******</table></td> <td><table>******</table></td> </tr></table> という回答をいただきました。（ありがとうございました。） 今度は逆に表を上下に表示したいと考えたのですが、どうしても 同じ高さに表示してしまいます。（っていうか普通に<table>タグを 書けば上下に表示するとおもうのですが・・・） おそらくタグを閉じたりするタイミングがおかしいかと思われますが、 その他ご存知の事がありましたら宜しくお願いいたします。 <table>タグのclassオプションを同じ名前にすると問題でもあるのでしょうか？ ご多忙の中、大変申し訳ありませんが、ご回答宜しくお願いいたします。
- ベストアンサー
- HTML
- 半角だけだとtableタグのwidth指定が無効になってしまう。
半角だけだとtableタグのwidth指定が無効になってしまいます。半角を入力した際にwidth指定を有効にする方法をご教授お願いします。 <TABLE border="1" width="110"> <TBODY> <TR width="110"> <TD width="110">０１２３４５６７８９０１２３４５６７８９０１２３４５６７８９０１２３４５６７８９</TD> </TR> </TBODY> </TABLE> <BR> <TABLE border="1" width="110"> <TBODY> <TR width="110"> <TD width="110">0123456789012345678901234567890123456789012345678901234567890</TD> </TR> </TBODY> </TABLE>
- ベストアンサー
- HTML
- HTML 表の中の表
趣味でHPを作り始めたのですが表のところがよくわかりません。 大きな表（外枠）の中に2個目の表を作りたいのですが、どうしても2個目の表が大きな表（外枠）の真ん中に来てしまいます。2個目の表が大きな表の一番上にくっつくようにしたいのですがどうしたらいいのでしょうか。宜しくおねがいします。 <html> <body> <table border="1" height="500" width="300"> <tr> <td> <table border="1" width="100%"> <tr > <td colspan="3" > </td> </tr> <tr> <td colspan="3"> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table> </td> </tr> </table> </body> </html>
- 締切済み
- その他（趣味・娯楽・エンターテイメント）
- 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
- EXCELの表にTABLEタグをテキストとして貼り付けたいのですが・・
お世話になります。 タイトルのとおりでEXCELのセルに下記のような表をテキストとして貼り付けたいのですが、うまくいきません。 複数のセルにまたがって内容だけが貼り付けられてしまいます。 【文字】として貼り付ける方法を教えていただけませんでしょうか?? どうぞよろしくお願いいたします。 <table width="100" border="1" cellspacing="0" cellpadding="0"> <tr> <td>123</td> <td>456</td> </tr> <tr> <td>789</td> <td>000</td> </tr> </table>
- ベストアンサー
- オフィス系ソフト
- table構文について
<CENTER> <TABLE border="1"> <TR> <TD>あ</TD> <TD>い</TD></TR> <TR> <TD>う</TD> <TD>え</TD></TR> <TR> <TD>お</TD> <TD>か</TD></TR> <TR> <TD>き</TD> <TD>く</TD></TR> <TR> <TD>け</TD> <TD>こ</TD></TR> <TR> <TD>た</TD> <TD>ち</TD></TR> <TR> <TD>つ</TD> <TD>て</TD></TR> </CENTER> </TABLE> この表のセルの背景色をセルごとに変えたいんですが、どうすればいいんですか？ つまり 「あ」のセルの背景は赤色 「い」のセルの背景は黄色みたいにしたいんです・・・。
- 締切済み
- ホームページ作成ソフト
- ラインはtableタグを使って書くのでしょうか？
<table border="0" width="100%" style="bordr-left:0px;border-right:0px;border-top:thick ridge;border-bottom:0px"> <tr><td width =100%></td></tr></table> ｈｔｍｌを勉強中でソースをのぞいてみるのですが、テーブルのデーターなしで幅が０とか？？でわかりません。なぜラインになるのでしょうか？＜ｈｒ＞とかとはちがうのでしょうか？？おおしえください
- 締切済み
- その他（インターネット・Webサービス）
- ２つのタグを合わせたいのですが・・・
下記のテーブル内にカラーラインを掲載したいのですが、どうやってもできません。いろいろ調べてるんですが、組み合わせたタグが見つからない状態です。 テーブル内にカラーラインを挿入することは不可能なんでしょうか？ 皆様、ご多忙と存じますが、教えていただけると幸いです。 稚拙な文章で申し訳ありませんが、宜しくお願いいたします。 ・テーブル <DIV ALIGN="CENTER"><TABLE BORDER="1" BORDERCOLOR="#12DAB5"><TR><TD BGCOLOR="#C0FFC0"> <FONT COLOR="#000000">文字</FONT></TD></TR></TABLE></DIV> ・カラーライン <TABLE WIDTH="100%"><TR><TD BGCOLOR="#7FFFFF"> <DIV ALIGN="CENTER"><FONT COLOR="#000000">文字</FONT></DIV></TD></TR></TABLE>
- ベストアンサー
- HTML
- tableタグとtableタグの間の余白の消し方について
現在モバイル用のHPを作成しているのですが、 AUで見た際に、tableタグとtableタグの隙間(空白)が出来てしまいます。 tableタグ1個でまとめればどうってことのない問題なのですが、 デザイン上、どうしてもtableタグを分ける必要があるります。 ■以下ソースです。 ************************************* <html> <head> <meta http-equiv="Cache-Control" content="no-cache" /> <meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS" /> <title>タイトル</title> </head> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="2"> <center> <a href=""><img src="gazou.gif" width="151" height="42" /></center> </td> </tr> </table> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="2" bgcolor="#FFFFCC"> <center> <a href=""><img src="gazou.gif" width="151" height="42" /></center> ・ ・ ・ ************************************* ↑の… </table> ←この部分に余白ができます。 <table width="100%" border="0" cellpadding="0" cellspacing="0"> どなたか原因と解決法をご教示いただけませんでしょうか。 宜しくお願いいたします。
- ベストアンサー
- HTML
- tableタグについて（ウェブリブログ)
ウェブリブログの記事内にテーブルタグで『表』は表示出来たのですが、公開ページを見ると表と同じだけの行数が上部にスペースとしてあきます。 記事作成ページでは改行はしてませんし、空白行もありません。 タグは↓です。 <table bgcolor="#000000"border=1> <tr><td>●●</td><td>■■</td><td>▲▲</td></tr> <tr><td>●●</td><td>■■</td><td>▲▲</td></tr> <tr><td>●●</td><td>■■</td><td>▲▲</td></tr> <tr><td>●●</td><td>■■</td><td>▲▲</td></tr> </table> 単純な表ですが別な表示方法があるのでしょうか？ できればタグが知りたいです。
- ベストアンサー
- ブログ
お礼
ありがとうございました！ 疑問が解消されました！