掲示板/HTML質問板/過去ログ/一覧/ 表

0 名前：匿名： 2006/07/13（木） 21:54 ID:YSZBe8ZS: こういうテーブルにするにはどう書けば良いのでしょうか。

＿＿＿＿＿＿＿＿＿＿＿＿＿＿
|あああ　　いいい　　ううう|
――――――――――――――
|あああ　　いいい　　ううう|
――――――――――――――
|あああ　　いいい　　ううう|
――――――――――――――
|あああ　　いいい　　ううう|
￣￣￣￣￣￣￣￣￣￣￣￣￣￣

1 名前：匿名： 2006/07/13（木） 21:54 ID:YSZBe8ZS: ずれてしまいました。ごめんなさい。
大方分かって頂けるかと思います。

2 名前：匿名： 2006/07/13（木） 21:54 ID:YSZBe8ZS

<TABLE border="0" cellpadding="10" bgcolor="#FFFFFF" width="700" Border BorderColor="#FF80C0">
<TBODY>
<TR border="0">
<TD bgcolor="#FF80C0" width="250">テーブル1</TD>
<TD bgcolor="#FF80C0" width="250">テーブル1</TD>
<TD bgcolor="#FF80C0" width="250">テーブル1</TD></TR>
<TD bgcolor="#FF80C0" width="250">テーブル2</TD>
<TD bgcolor="#FF80C0" width="250">テーブル2</TD>
<TD bgcolor="#FF80C0" width="250">テーブル2</TD></TR>
<TD bgcolor="#FF80C0" width="250">テーブル3</TD>
<TD bgcolor="#FF80C0" width="250">テーブル3</TD>
<TD bgcolor="#FF80C0" width="250">テーブル3</TD></TR>
</TR>

</TBODY>
</TABLE>

このような感じに書いてみたのですが
例えばテーブル1とテーブル1の間の縦線を消すのが
どうしても上手く行きません。
御教授頂ければと思います。

3 名前：匿名： 2006/07/13（木） 21:54 ID:lKHRzitM

スタイルシート使ってですが

<style type="text/css">
<!--
TD{
background-color: #ff80c0;
width: 250px; 
}
.aaa{
border-left: 3px #ffffff solid;
}
-->
</style>

で

<TABLE cellspacing="0" cellpadding="10">
<TR>
<TD>テーブル1</TD>
<TD>テーブル1</TD>
<TD class="aaa">テーブル1</TD>
</TR>
<TR>
<TD>テーブル2</TD>
<TD>テーブル2</TD>
<TD class="aaa">テーブル2</TD>
</TR>
<TR>
<TD>テーブル3</TD>
<TD>テーブル3</TD>
<TD class="aaa">テーブル3</TD>
</TR>
</TABLE>

4 名前： カヅサツ ◆ThCi95HEzw ： 2006/07/13（木） 21:54 ［URL］ ID:O5hEMlpW

CSSをオフにした環境でも確認してみてください。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title>Test</title>
<style type="text/css">
table{
	border-collapse: collapse;
	border-width: 5px;
	border-style: solid;
	border-color: #CCF;
}
td{
	background-color: #FF80C0;
	border-width: 5px 0px;
	border-style: solid;
	border-color: #CCF;
	width: 250px;
	padding: 10px;
}
</style>
</head>
<body>
<table border="1" frame="box" rules="rows">
	<tbody>
		<tr>
			<td>テーブル1</td>
			<td>テーブル1</td>
			<td>テーブル1</td>
		</tr>
		<tr>
			<td>テーブル2</td>
			<td>テーブル2</td>
			<td>テーブル2</td>
		<tr>
		</tr>
			<td>テーブル3</td>
			<td>テーブル3</td>
			<td>テーブル3</td>
		</tr>
</tbody>
</table>
</body>
</html>

5 名前：匿名： 2006/07/13（木） 21:54 ID:lKHRzitM: >>3のは無かったことにしてください（笑）

6 名前：匿名： 2006/07/13（木） 21:54 ID:/UDEYHZ5: ありがとうございました。
解決致しました。