テーブルが二重で表示されてしまいます。

質問

<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

noname#176215 · ベストアンサー

ブラウザに依存する属性を使うべきではないと思います。

ＨＰの素 サンプルページ：tableの枠 frame rules
http://www5d.biglobe.ne.jp/~nextpage/hpm_sp_h5.html

<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で設定した方がいいと思います。

お礼

出来ました！
CSSについて勉強したいと思います。
ご回答ありがとうございます。

回答No.5

yambejp

横の罫線をけすんですよね？
こんな感じがよろしいのでは？

<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

qualheart

<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

STICKY2006

cellspacing="1"

を

cellspacing="0"

にするとか。

http://www.tagindex.com/html_tag/table/table_cellspacing.html

テーブルタグの要素についてお勉強してみるといいと思います。

お礼

少々太めの線になってしまうので細くしたいです。
テーブルタグについて、勉強してみたいと思います。
ご回答ありがとうございます。

回答No.1

tokimoma90

こんにちは。
スタイルシート（CSS）を使いましょう。
border-styleをsolidに指定すれば、線は1本になります。
CSSについては解説してあるサイトがたくさんありますから、検索してみてください。

お礼

CSSについて勉強してみようと思います。
ご回答ありがとうございました。