No.2ベストアンサー
- 回答日時:
#1さんと同じことですが、Dreamweaverのスタイル編集機能を使うやり方。
1)プロパティパネルの「スタイル」で「スタイルの編集」を選択。
2)「スタイルシートの編集」というウィンドウが出るので、「新規」を押す。
3)「名前」に適当な名前(半角英数字)を入れる。「セレクタタイプ」が「クラス」になっていることを確認する。「定義場所」を「現在のドキュメントのみ」に変える。
4)「.○○用のCSSスタイル定義」というウィンドウが出るので、「カテゴリ」で「ボーダー」を選ぶ。
5)「スタイル」の「全て同一」のチェックを外し、「下(B)」を「実線」にする。
6)「幅」の「全て同一」のチェックを外し、「下(B)」に「1」と入力。
6)「カラー」の「全て同一」のチェックを外し、「下(B)」に好きな色を入力。
7)「OK]、「終了」、「終了」と押してウィンドウを閉じる。
8)縦2列目のセルをひとつ選択。
9)プロパティウィンドウの「スタイル」から、3でつけた名前を選択。
10)縦2列目のセル全部について8~9を繰り返す。(ドラッグしてまとめて選択してスタイルをつけてしまうとうまく行かないことがあるので注意)
※テーブルのセル間隔は0にしてください。1以上だと線が切れてしまいます。
参考URLにはDreamweaverの解説サイトのアドレスを入れておきました。
(HTMLやCSSを知らない状態でDreamweaverを使うのであれば、書籍を1冊手許に置いたほうがいいとは思いますが…)
参考URL:http://wakabano.cool.ne.jp/dream/index.html
スタイル編集機能でのやり方、丁寧に記載頂いて有り難う御座います。
殆ど独学でCSSやスクリプト系はかなり弱いので
確かに本を手元に置くべきだろうな、と思っています。
近所に大きな書店がなく、
中身を見てみないと自分にとって相性の良い本か(分かり易い)判断出来ないので、
購入に踏み切れ居ていない状態です。
人にお勧めを聞くにも私の現在のレベルが伝わらないと難しいですしね。
(ネット販売サイトで技術系の本は中身を数ページ立ち読みできたらなぁと思います)
回答有り難う御座いました。
No.1
- 回答日時:
非常に難しい注文ですが、スタイルシートを使えば可能です。
ただし、コード・ウインドウを開いて、ソースコードを編集しなくてはなりません。まず、ソースコードの該当するテーブルのコードをみつけます。そして、縦2行目の2つのセルを表すタグ(<td>)に下のようにクラス名を付けます(クラス名は、ここでは「no2」としていますが、ご自分でわかりやすい名前を考えてください)
<tr>
<td class="no2"> </td>
<td class="no2"> </td>
</tr>
続いてコードを<head>~</head>の部分に移動します。そして、<title></title>という行の下に、次のように入れます。
<style type="text/css">
<!--
td.no2 {border-bottom:solid 1px;
border-bottom-color:#FF0000;}
-->
</style>
「td.no2」の「no2」は上でご自分が考えた名前と同じにしてください。
また「#FF0000」は色を表し、ここでは「赤」になっています。マニュアルなどを参照して好みの色に直してください。
スタイルシートを使わなくてはいけなかったんですね。
普通にテーブル作成の時点で何かしら抜けがあるのかと思っていました。
分かり易くタグを記載頂いて有り難う御座います。
もう一名ご回答頂いた方のと合わせて参照させて頂きます。
(自分にやりやすい方でやってみます)
回答有り難う御座いました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) セルに特定の色が出た時だけ、式を発動させたい 4 2022/06/17 10:32
- Access(アクセス) AccessVBAで降順にするテーブル作成クエリを使用して作成したテーブルを削除し同一のテーブル作成 1 2023/01/06 11:17
- Excel(エクセル) エクセルの条件付き書式について エクセルでカレンダーを作りました。縦に日付が並んでいて、横にスケジュ 3 2022/10/10 15:32
- Excel(エクセル) 列を自動で追加したい 3 2022/07/11 12:58
- その他(Microsoft Office) 折れ線グラフ、同じ項目の色 4 2022/12/23 15:46
- Excel(エクセル) Excelでこういうカードの作り方 枠線の引き方や、挿入画像の拡大縮小など わかる方教えてください、 2 2022/05/03 21:22
- 数学 数学の問題を教えて下さい。 画像が問題です。 〈解説〉 平行四辺形は常に2本の縦線と2本の横線によっ 3 2023/05/01 19:21
- JavaScript HTML&CSS Javascriptによる動的テーブル 1 2023/03/27 19:51
- 建築士 建築士製図試験での縦距離の数値の書き方を教えて下さい 3 2023/07/16 11:36
- Excel(エクセル) ExcelのIF関数について 4 2023/05/24 12:54
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
テーブルの位置を細かく指定し...
-
tableのheight指定が効かない
-
ウィンドウのサイズを変えても...
-
ドリームィーバーが重くて困っ...
-
文字の後ろだけ背景色を変えた...
-
テーブルの右に文字
-
画像と、セルのつなぎ目に白い...
-
HTMLでテーブルを横に並べる方法
-
一つのテーブル内の文字色だけ...
-
<SPAN>で文字を右揃えにしたい...
-
テーブル内に画像を表示したい。
-
縦に画像を並べるときのCSS
-
DREAMWEAVERでテーブル一辺のみ...
-
このタグの意味を教えてください
-
テーブルの列幅の部分固定の仕...
-
(タグ)一部の背景色だけ変更...
-
テーブルの入れ子に付いて(画...
-
箇条書きリストのすぐ横に画像...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの位置を細かく指定し...
-
テーブルの横に画像を
-
HTMLでテーブルを横に並べる方法
-
tableのheight指定が効かない
-
ウィンドウのサイズを変えても...
-
テーブル内に画像を表示したい。
-
2つのテーブルを左右に表示した...
-
CSSで文字を一番下の中央に表示...
-
複数のテーブルを無条件に中央...
-
箇条書きリストのすぐ横に画像...
-
画像の横にテーブルを。。。
-
【CSS】縦横スクロールテーブル...
-
プルダウンの表示位置
-
HTMLでページの幅を設定し...
-
DWで、デザインビューに表示さ...
-
ヘッダー固定のスクロールが可...
-
画像と、セルのつなぎ目に白い...
-
ドリームウィーバーでテーブル...
-
一部CSSを無効にする
おすすめ情報