DREAMWEAVERでテーブル一辺のみラインを入れる方法

解決済

質問者：gin-ko
質問日時：2005/06/14 19:56
回答数：2件

yahoo!で検索してみたのですが、
書籍のサイトしか見つけられなかったので教えて下さい。

DREAMWEAVERで、テーブルを作ったのですが、
その一辺のみ色を付けたい（ラインにしたい）んです。

縦３列、横２列なら、縦２列目と３列目の間にだけ、線に色を付けたいのです。
（ついでに、そのラインは１ピクセルで固定したいです）

お詳しい方、助けて下さい！

通報する

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

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： flowermaze
回答日時：2005/06/15 10:16

#1さんと同じことですが、Dreamweaverのスタイル編集機能を使うやり方。

１）プロパティパネルの「スタイル」で「スタイルの編集」を選択。
２）「スタイルシートの編集」というウィンドウが出るので、「新規」を押す。
３）「名前」に適当な名前（半角英数字）を入れる。「セレクタタイプ」が「クラス」になっていることを確認する。「定義場所」を「現在のドキュメントのみ」に変える。
４）「.○○用のCSSスタイル定義」というウィンドウが出るので、「カテゴリ」で「ボーダー」を選ぶ。
５）「スタイル」の「全て同一」のチェックを外し、「下（B)」を「実線」にする。
６）「幅」の「全て同一」のチェックを外し、「下（B)」に「1」と入力。
６）「カラー」の「全て同一」のチェックを外し、「下（B)」に好きな色を入力。
７）「OK]、「終了」、「終了」と押してウィンドウを閉じる。
８）縦２列目のセルをひとつ選択。
９）プロパティウィンドウの「スタイル」から、３でつけた名前を選択。
10）縦２列目のセル全部について８～９を繰り返す。（ドラッグしてまとめて選択してスタイルをつけてしまうとうまく行かないことがあるので注意）

※テーブルのセル間隔は0にしてください。1以上だと線が切れてしまいます。

参考URLにはDreamweaverの解説サイトのアドレスを入れておきました。
（HTMLやCSSを知らない状態でDreamweaverを使うのであれば、書籍を１冊手許に置いたほうがいいとは思いますが…）

参考URL：http://wakabano.cool.ne.jp/dream/index.html

- 0
- 件

通報する

この回答へのお礼

スタイル編集機能でのやり方、丁寧に記載頂いて有り難う御座います。

殆ど独学でCSSやスクリプト系はかなり弱いので
確かに本を手元に置くべきだろうな、と思っています。
近所に大きな書店がなく、
中身を見てみないと自分にとって相性の良い本か（分かり易い）判断出来ないので、
購入に踏み切れ居ていない状態です。
人にお勧めを聞くにも私の現在のレベルが伝わらないと難しいですしね。
（ネット販売サイトで技術系の本は中身を数ページ立ち読みできたらなぁと思います）

回答有り難う御座いました。

通報する

お礼日時：2005/06/15 18:00

No.1

回答者： Fukurow
回答日時：2005/06/14 21:14

非常に難しい注文ですが、スタイルシートを使えば可能です。

ただし、コード・ウインドウを開いて、ソースコードを編集しなくてはなりません。
まず、ソースコードの該当するテーブルのコードをみつけます。そして、縦２行目の２つのセルを表すタグ（<td>）に下のようにクラス名を付けます（クラス名は、ここでは「no2」としていますが、ご自分でわかりやすい名前を考えてください）
　<tr>
　 <td class="no2">　</td>
　 <td class="no2">　</td>
</tr>

続いてコードを<head>～</head>の部分に移動します。そして、<title></title>という行の下に、次のように入れます。
　<style type="text/css">
　
　</style>

「td.no2」の「no2」は上でご自分が考えた名前と同じにしてください。
また「#FF0000」は色を表し、ここでは「赤」になっています。マニュアルなどを参照して好みの色に直してください。