ここから質問投稿すると、最大10000ポイント当たる!!!! >>

dreamweaverで以下のような表を作成したいのですが、方法がわかりません。
表のマス:縦3つ、横2つで、1マスにつき縦30ピクセル、横100ピクセル
表の外枠:黒色
内枠の縦線:なし
内枠の横線:白色
左側マス:水色
右側マス:灰色
枠内の文字:上と左から10ピクセル空ける
です。
コードで教えていただけるとありがたいので、
よろしくお願いします。
  
  

A 回答 (3件)

A No2です。

セルの共通条件はtdでまとめて指定すべきでした。
<head>
<style type="text/css">
<!--
table {border: thin solid #000;}
td {
width: 100px;
height: 30px;
padding: 10px 0 0 10px;
}
.left1 { background: #66CCFF; border-bottom: solid thin #FFF; }
.left2 { background: #66CCFF; border-bottom: none; }
.right1 { background: #CCC; border-bottom: solid thin #FFF; }
.right2 { background: #CCC; border-bottom: none; }
-->
</style>
</head>

<body>
<table cellpadding="0" cellspacing="0">
<tr>
<td class="left1">左上</td>
<td class="right1">右上</td>
</tr>
<tr>
<td class="left1">左中</td>
<td class="right1">右中</td>
</tr>
<tr>
<td class="left2">左上</td>
<td class="right2">右下</td>
</tr>
</table>
</body>
    • good
    • 0
この回答へのお礼

ありがとうございます。
試させていただいたら希望通りの表が出来ました。
困っておりましたので、とても助かりました。
ご親切に、ありがとうございました。

お礼日時:2008/03/13 20:24

挿入→”table”でセル数指定後、<head>~</head>にスタイルでご希望の条件を指定すればいいと思います。


<head>
<style type="text/css">
<!--
.left1 {
background: #66CCFF;
width: 100px;
height: 30px;
padding: 10px 0 0 10px;
border-bottom: solid thin #FFF;
}
.left2 {
background: #66CCFF;
width: 100px;
height: 30px;
padding: 10px 0 0 10px;
}
.right1 {
background: #CCC;
width: 100px;
height: 30px;
padding: 10px 0 0 10px;
border-bottom: solid thin #FFF;
}
.right2 {
background: #CCC;
width: 100px;
height: 30px;
padding: 10px 0 0 10px;
}
table {border: thin solid #000;}
-->
</style>
</head>

<body>
<table cellpadding="0" cellspacing="0">
<tr>
<td class="left1">左上</td>
<td class="right1">右上</td>
</tr>
<tr>
<td class="left1">左中</td>
<td class="right1">右中</td>
</tr>
<tr>
<td class="left2">左上</td>
<td class="right2">右下</td>
</tr>
</table>
</body>

左下(left2)と右下(right2)は、底の横線を表示させない為に別指定させてみました。
他に良い方法があるかも知れませんが、ご参考まで。
    • good
    • 0

ツールバーから表を選んで、オプションで色指定すりゃいいだけです。


説明書をよく説明書を読みましょう。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング