テーブルタグの枠線についてご教授お願いします。



0   名前: ミーシャ : 2006/09/13(水) 17:10  ID:iHgjhxkK
初めて投稿させていただきます。

テーブルタグのことについてアドバイスお願いします。

下記のようにタグを書いているのですが、
どーしてもdoubleの枠線がでてきてしまいます。
CSSの設定にdoubleは一切記述されておりません。


<table cellpadding="3" cellspacing="3" border="1" bordercolor="#cccccc"
rules="none" bgcolor="" border-style: solid;">


どなたか良い方法をご教授ください><
よろしくお願い致します。

1   名前: 木目 ◆a20iQ0Y76t : 2006/09/13(水) 17:10  ID:gUtbOS/P
・CSS記述にミスがあるようです border-style: solid;" → style="border-style: solid;"

・FireFoxで見たところ、最初からsolidの線として見えました。

・<td style="border-style:none;">と設定したところ、IEでもsolidの線で見えました。

<table cellpadding="3" cellspacing="3" border="1" bordercolor="#cccccc" 
rules="none" bgcolor="" style="border-style: solid;"><tr><td style="border-style:none;">
文字
</td></tr></table>


・スタイルシートで一括して指定すると良いと思います(rules="noneの指定は分かりませんでした)

<table style="border:1px #cccccc double;padding:3px;border-spacing:3px;" rules="none"><tr><td>
文字
</td></tr></table>


2   名前: カヅサツ : 2006/09/13(水) 17:10  [URL]  ID:O5hEMlpW
> どーしてもdoubleの枠線がでてきてしまいます。
> CSSの設定にdoubleは一切記述されておりません。

> <table cellpadding="3" cellspacing="3" border="1" bordercolor="#cccccc"
> rules="none" bgcolor="" border-style: solid;">

border-style: solid;" の書き方が不正です。要素へ個別に CSS を適用する場合、style属性を使います。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title></title>
</head>
<body>
<table summary="第1回試験" cellpadding="3" cellspacing="3" border="1" bordercolor="#CCCCCC"
rules="none" style="border-style: solid;">
	<thead>
		<tr>
			<th scope="col">名前</th><th scope="col">得点</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<th scope="row">出木杉英才</th><td>100</td>
		</tr>
		<tr>
			<th scope="row">野比のび太</th><td>0</td>
		</tr>
	</tbody>
</table>
</body>
</html>


上記サンプルでも、Internet Explorer 6.0では一見 bouble の枠に見えますが、実は solid のテーブルの枠線と solid のセルの枠線が表示されているだけです。お望みの通り「doubleの枠線」は出ていません。

3   名前: ミーシャ : 2006/09/13(水) 17:10  ID:iHgjhxkK
木目さん
カヅサツさん

ご教授どうもありがとうございました。

おかげさまで問題なく枠線を引くことができました。

感謝いたします。

一覧へ戻る