![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
<TABLE border=1 width="50" rules="cols" align="left" cellspacing="1" cellpadding="0" bordercolor="black">
<TR bgcolor="white"><TD><a href="test1.html">test</a></TD></TR>
<TR bgcolor="white"><TD><a href="test2.html">test</a></TD></TR>
</TABLE>
このHTMLをIEで開くと、テーブルが二重に表示されてしまいます。
一本にしたいのですが、うまくいかなくて困っています。
どのようにすれば一本に出来るのでしょうか…
どなたか詳しい方教えてください。
よろしくお願いします。
No.4ベストアンサー
- 回答日時:
ブラウザに依存する属性を使うべきではないと思います。
HPの素 サンプルページ:tableの枠 frame rules
http://www5d.biglobe.ne.jp/~nextpage/hpm_sp_h5.h …
<table cellspacing="1" cellpadding="0"
style="width: 50; text-align: left; border: 1px black solid;">
<tr><td><a href="test1.html">test</a></td></tr>
<tr><td><a href="test2.html">test</a></td></tr>
</table>
あとスタイルは CSSで設定した方がいいと思います。
No.5
- 回答日時:
横の罫線をけすんですよね?
こんな感じがよろしいのでは?
<style type="text/css">
table{
width:50px;
border-collapse:collapse;
border-top:solid 1px #000000;
border-bottom:solid 1px #000000;
text-align: left;
}
tr{
background-color:#ffff00;
}
td {
padding:0px;
border:solid 1px #000000;
border-top:solid 0px;
border-bottom:solid 0px;
}
</style>
<TABLE>
<TR><TD><a href="test1.html">test</a></TD></TR>
<TR><TD><a href="test2.html">test</a></TD></TR>
</TABLE>
No.3
- 回答日時:
<TABLE border="1" width="50" rules="cols" align="left" cellspacing="0" cellpadding="1" bordercolor="black">
cellspacing="1" → cellspacing="0"
cellpadding="0" → cellspacing="1"
cellspacingは枠線の立体感の太さを指定する要素ですので、0以外を指定すると2重線のようになってしまいます。
線と文字との余白をいれたいのであれば、cellpaddingの方で指定します。
No.2
- 回答日時:
cellspacing="1"
を
cellspacing="0"
にするとか。
http://www.tagindex.com/html_tag/table/table_cel …
テーブルタグの要素についてお勉強してみるといいと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
textareaの外側の文字が下付き...
-
<th>タグを使っても太字にしな...
-
TABLEのセルの中の文字を行単位...
-
テーブルとテーブルの間隔について
-
CSSで特定のテーブルだけに...
-
同じ幅指定のつもりなのに、ブ...
-
テーブル内のセル間にスペース...
-
TABLEタグの位置
-
<li>と<table>タグについて
-
tableを縦に続けるとtable間の...
-
ブロックとテーブルの間の隙間
-
tableを二つ以上挿入する場合
-
スタイルシートで左側だけ色を...
-
HTML5で、テーブル内tdタグの高...
-
テーブルタグの中にdivを含めて...
-
tableタグとformタグの組み合わせ
-
html でのテキスト結合について
-
テーブルのヘッダとボディの幅...
-
CSSだけで<table>の<td>や<tr>...
-
テーブルの一部分のセルだけに...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
テーブルとテーブルの間隔について
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
HTML5で、テーブル内tdタグの高...
-
table表を横に並べる際の間隔指定
-
テーブル内のセル間にスペース...
-
同じ幅指定のつもりなのに、ブ...
-
HTML tableのセルにtextareaを...
-
html5のテーブル内でdivのタブ...
-
<fieldset>タグについて
-
(HTML)Tableを任意の位置に置...
-
tableを画面中央に配置する方法
-
画面幅に合わせてテーブルのカ...
-
textareaの外側の文字が下付き...
-
テーブルデータを折り返して表...
-
フォームタグのプルタウンの隙...
-
tableの位置がIEとその他ブラウ...
-
正規表現で「より前」と「より後」
-
tableのcellpadding="0" cellsp...
おすすめ情報