4年に一度のスポーツの祭典　全競技速報中

dreamweaverでの表の作成

締切済

  • 質問者：yash1010
  • 質問日時：
  • 回答数：3件

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

通報する

この質問への回答は締め切られました。

質問の本文を隠す
gooドクター

A 回答 (3件)

No.3

  • 回答者： ldrnSTM
  • 回答日時：

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

No.2

  • 回答者： ldrnSTM
  • 回答日時：

挿入→”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
    • 件
通報する

No.1

  • 回答者： ddg67
  • 回答日時：

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


説明書をよく説明書を読みましょう。
    • good
    • 0
    • 件
通報する

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

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

人気Q&Aランキング

おすすめ情報