みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

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

解決済みの質問

html、CSSを使用。うまくいきません。ソース見てください。

<html>
<head>
<style type="text/css">
table{
border-collapse:collapse;
}
.main{
border-style:solid;
border-color:#33ffff;
border-width:0px 7px 0px 7px;
}
</style>
</haed>
<body>
<table class="main" border=0>
<tr><td width="400" bgcolor="red" colspan="2">ああ</td><td></td></tr>
<tr><td width="200" bgcolor="green">いい</td>
<td width="200" bgcolor="blue">うう</td></tr>
</table>
</body>
</html>

このようなソースを作成しました
2段のテーブルで1段目はセルを連結させてあるものです。
その後CSSで両端(背景とテーブルの境界線)に【水色】の線を入れたのですが・・・。
右側だけ、線【水色】とテーブルの白い部分、の間が空いてしまいます。
どぅしたら良いでしょうか?
長々と申し訳ありません。よろしくお願い致します。

投稿日時 - 2005-05-20 17:09:59

QNo.1399251

すぐに回答ほしいです

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

とりあえず。

<tr><td width="400" bgcolor="red" colspan="2">ああ</td></tr>

<td></td>を一つ削除。

--でいかがでしょ?

投稿日時 - 2005-05-20 17:18:46

お礼

おぉ~投稿してからの回答までの早さ・・・感動しております。早々なる回答ありがとうございます。
ぁ~セルを連結する とぃうことは 空セルを用意しないといけないものだと思ってました。これでデザイン的に解決できそぉです。ありがとうございました。

投稿日時 - 2005-05-20 17:37:50

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

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

回答(2)

ANo.2

ああ の1行目の横に無駄な<td></td>ありますよ

----
<table class="main" border="0">
 <tr>
  <td width="400" bgcolor="red" colspan="2">ああ</td>
 </tr>
 <tr>
  <td width="200" bgcolor="green">いい</td>
  <td width="200" bgcolor="blue">うう</td>
 </tr>
</table>
-----------
あと、おせっかいかもしれませんがborder=0 のような値はborder="0"のように囲んだほういいと思いますよ

投稿日時 - 2005-05-20 17:25:34

お礼

早々なるご返答感動しております。ありがとうございます。
空セルを用意するものだと思っていました。これで問題解決ですぅ。ホントありがとうございました。border="0"の指摘も修正させていただこうかと思っています。値は全部""で囲むって統一したほぅがいいですものねw

投稿日時 - 2005-05-20 17:42:53

あなたにオススメの質問