こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

中枠の太さを1pxにしたい

以下の HTML を書いたのですが、外枠の太さは1pxになっていますが、中枠が2pxになってしまいます。中枠も1pxで表示するにはどう修正すればいいでしょうか?

ご教授よろしくお願い致します。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>test</title>
</head>
<body>
<table border="0" width="100%" cellspacing="0" cellpadding="0" id="table2">
<tr>
<td><div style="border:1px solid #999999">
<div style="BORDER-TOP: 1px solid;BORDER-RIGHT: 1px solid;BORDER-BOTTOM: 1px solid;BORDER-LEFT: 1px solid;padding:3px;">Icon</div></div></td>
<td><div style="border:1px solid #999999">
<div style="BORDER-TOP: 1px solid;BORDER-RIGHT: 1px solid;BORDER-BOTTOM: 1px solid;BORDER-LEFT: 1px solid;padding:3px;">Name</div></div></td>
<td><div style="border:1px solid #999999">
<div style="BORDER-TOP: 1px solid;BORDER-RIGHT: 1px solid;BORDER-BOTTOM: 1px solid;BORDER-LEFT: 1px solid;padding:3px;">Effect</div></div></td>
</tr>
<tr>
<td width="33"><div style="border:1px solid #999999">
<div style="BORDER-TOP: 1px solid;BORDER-RIGHT: 1px solid;BORDER-BOTTOM: 1px solid;BORDER-LEFT: 1px solid;padding:3px;">
<img border="0" src="test.gif" width="35" height="32"></div></div></td>
<td><div style="border:1px solid #999999">
<div style="BORDER-TOP: 1px solid;BORDER-RIGHT: 1px solid;BORDER-BOTTOM: 1px solid;BORDER-LEFT: 1px solid;padding:3px; height:40">
111111</div></div></td>
<td><div style="border:1px solid #999999">
<div style="BORDER-TOP: 1px solid;BORDER-RIGHT: 1px solid;BORDER-BOTTOM: 1px solid;BORDER-LEFT: 1px solid;padding:3px; height:40">
444444</div></div></td>
</tr>
<tr>
<td width="33"><div style="border:1px solid #999999">
<div style="BORDER-TOP: 1px solid;BORDER-RIGHT: 1px solid;BORDER-BOTTOM: 1px solid;BORDER-LEFT: 1px solid;padding:3px;">
<img border="0" src="test.gif" width="35" height="32"></div></div></td>
<td align="left"><div style="border:1px solid #999999">
<div style="BORDER-TOP: 1px solid;BORDER-RIGHT: 1px solid;BORDER-BOTTOM: 1px solid;BORDER-LEFT: 1px solid;padding:3px; height:40">
222222</div></div></td>
<td><div style="border:1px solid #999999">
<div style="BORDER-TOP: 1px solid;BORDER-RIGHT: 1px solid;BORDER-BOTTOM: 1px solid;BORDER-LEFT: 1px solid;padding:3px; height:40">
555555</div></div></td>
</tr>
<tr>
<td width="33"><div style="border:1px solid #999999">
<div style="BORDER-TOP: 1px solid;BORDER-RIGHT: 1px solid;BORDER-BOTTOM: 1px solid;BORDER-LEFT: 1px solid;padding:3px;">
<img border="0" src="test.gif" width="35" height="32"></div></div></td>
<td align="left"><div style="border:1px solid #999999">
<div style="BORDER-TOP: 1px solid;BORDER-RIGHT: 1px solid;BORDER-BOTTOM: 1px solid;BORDER-LEFT: 1px solid;padding:3px; height:40">
333333</div></div></td>
<td><div style="border:1px solid #999999">
<div style="BORDER-TOP: 1px solid;BORDER-RIGHT: 1px solid;BORDER-BOTTOM: 1px solid;BORDER-LEFT: 1px solid;padding:3px; height:40">
666666</div></div></td>
</tr>
</table>
</body>
</html>

投稿日時 - 2009-04-20 05:30:21

QNo.4893867

すぐに回答ほしいです

質問者が選んだベストアンサー

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>test</title>
<style>table#table2{border-left:1px solid #999999;border-bottom:1px solid #999999;}
#table2 td{border:1px solid #999999;padding:3px;}
#table2 td{border-left:none;border-bottom:none;}
</style>
</head>
<body>
<table border="0" width="100%" cellspacing="0" cellpadding="0" id="table2">
<tr><td width="41">Icon</td>
<td>Name</td>
<td>Effect</td>
</tr>
<tr><td><img border="0" src="test.gif" width="35" height="32"></td>
<td height="40">111111</td>
<td height="40">444444</td>
</tr>
<tr><td><img border="0" src="test.gif" width="35" height="32"></td>
<td height="40">222222</td>
<td height="40">555555</td>
</tr>
<tr><td width="33"><img border="0" src="test.gif" width="35" height="32"></td>
<td height="40">333333</td>
<td height="40">666666</td>
</tr>
</table></body></html>

こういうことでしょうか?

htmlとcssがごちゃ混ぜになっています。スタイルでは単位を省略できません。htmlでは単位を省略できます。等、少しだけ基本もかじってみてください。

投稿日時 - 2009-04-20 11:43:12

お礼

ありがとうございます。
まさにやりたかったことです。

スタイルでは単位を省略できないとは。。。勉強になりました。
<style></style>の中に、#table2 td という行が2つありますが、1行にまとめてしまっても問題ないのでしょうか?

それとも理由があって分けてますか?

投稿日時 - 2009-04-20 17:11:09

ANo.1

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.2

#1です。くっつけてもOKです。後から継ぎ足したのがばれてしまっただけです。理由はなし。お恥ずかしい限りで……

投稿日時 - 2009-04-20 20:59:30

お礼

なるほど、そういうことでしたか(笑)
どうもありがとうございました。

投稿日時 - 2009-04-21 14:44:57

あなたにオススメの質問