1287052401 HTMLとCSSにて添付した画像のようなテーブルを組むにはどうしたらよいのでしょうか?

一番下の行の左側を空白かつ枠線なしにする方法が解らず困っています。

回答の条件
  • 1人2回まで
  • 13歳以上
  • 登録:2010/10/14 19:33:23
  • 終了:2010/10/14 20:04:09

回答(2件)

id:a-kuma3 No.1

a-kuma3回答回数4464ベストアンサー獲得回数18412010/10/14 19:50:19

ポイント35pt

背景とかは省略しているけど、こんな感じ?

<style>
.xxxx {
	border-collapse: collapse;
}
.xxxx TD {
	border: 1px solid black;
}
</style>

<table class="xxxx">
<tr>
	<td>見出し1</td>
	<td>1234</td>
	<td>見出し3</td>
	<td>1234</td>
</tr>
<tr>
	<td>見出し1</td>
	<td>1234</td>
	<td style="border: none;"></td>
	<td style="border: none;"></td>
</tr>
<tr>
	<td style="border: none;"></td>
	<td style="border: none;"></td>
	<td>見出し3</td>
	<td>1234</td>
</tr>
</table>
id:ysog

できました!ありがとうございます。

2010/10/14 20:03:27
id:Galapagos No.2

Galapagos回答回数963ベストアンサー獲得回数892010/10/14 19:59:54

ポイント35pt

以下のようにすればいいでしょう。

<html>
<head>
<style type="text/css">
#table {
    border-width: 0px 0px 0px 0px;
}
#td1 {
    width: 100px;
    background-color: orange;
    border-style: solid;
    border-color: black;
    border-width: 1px 1px 1px 1px;
}
#td2 {
    width: 100px;
    text-align: right;
    border-style: solid;
    border-color: black;
    border-width: 1px 1px 1px 1px;
}
#td3 {
    width: 100px;
    border-width: 0px 0px 0px 0px;
}

</style>
</head>
<body>
<table>
<tr>
<td id="td1">見出し1</td><td id="td2">1234</td>
<td id="td1">見出し3</td><td id="td2">1234</td>
</tr>
<tr>
<td id="td1">見出し2</td><td id="td2">1234</td>
<td id="td3"></td><td id="td3"></td>
</tr>
<tr>
<td id="td3"></td><td id="td3"></td>
<td id="td1">見出し4</td><td id="td2">1234</td>
</tr>
</table>
</body>
</html>
id:ysog

できました!ありがとうございます。

2010/10/14 20:03:40

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません