• ベストアンサー

Dreamweaverでcss

Dreamweaverですべてのページにcssを使って文字を制御したいのですが・・・ ・・・ご教授いただけますでしょうか?

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

  • ベストアンサー
noname#5841
noname#5841
回答No.6

>すいません、大丈夫だと思ったのですが・・・ >テーブル内の文字を全部ドラックして、 >スタイルシートを適用するという解釈でよろしいのでしょうか?? >違いますよね?^^; 個別に指定したい設定がある時は、そのようにして、そうではなく、ページの中にあるテーブル内の文字は一律同じ設定で構わない、という場合は個別指定しなくて良いです。 外部CSSで、TD{font-size:small;color:#666666}などしてあれば、ページ内のTDタグ全部にその設定が適応されます。 簡単に言うと、外部CSS(仮にstyle.css)をDWで作成して、その中の記述が TD { font-size:small;    color:#666666;} となっていて、この外部CSSが、HTMLの方にリンクされていれば、ブラウザに重ねた時にも、編集時にも反映されます。 でわでわ。

mamelight
質問者

お礼

何度もお手間とらせて申し訳ありません。 うまくできました(^-^)どうもありがとうございました。

その他の回答 (5)

noname#5841
noname#5841
回答No.5

うーん、ちょっと微妙に違う理解になっているかもしれないので、再回答。 >テーブル内は個別に指定ってことですかね。 個別に、というか、スタイルシートの中で一度TD{...}を指定すれば、ページ全体のTDタグに効くので、TD class="**"という形ではないです。 また、フォントサイズは相対(smallとか100%とか、ページ表示サイズに対応したサイズ)にするとユーザに優しいページになります。 拡大されてもその比率は引き継がれるので。 ※もし正しく理解されてたらごめんなさい。 老婆心と思って忘れてやって下さい。

mamelight
質問者

お礼

ありがとうございました。 正しく理解していませんでした(^^;; 老婆心に助かりました。感謝~。

mamelight
質問者

補足

すいません、大丈夫だと思ったのですが・・・ テーブル内の文字を全部ドラックして、 スタイルシートを適用するという解釈でよろしいのでしょうか?? 違いますよね?^^; 外部ファイルでテーブル全体に指定して・・・ ということですよね? ちなみにドリームウェーバーでやっています。。

回答No.4

>テーブルとか使っているのって関係あります?? 関係あります。 テーブルの中は別にスタイルを指定してください。 あと、どんなサイトを作っているのかにもよるのですが、 フォントサイズの絶対指定は、できるだけしないほうが良いですね。 小さい字が読めない(読みにくい)人が拡大できなくなってしまうので。 サイズを大きくしても崩れないレイアウトを作れれば理想ですね。

mamelight
質問者

お礼

やはりそうでしたか。 テーブル内は個別に指定するんですね。 いがいと細かいですねー。 崩れないレイアウトで頑張ろうと思います。 ありがとうございました。

noname#5841
noname#5841
回答No.3

こんにちは。 他の方の所にある質問に回答してしまいますが、ブラウザによっては、ブラウザの「文字サイズ拡大/縮小」をすると、CSSで設定していても適応される事があります。 フォントサイズの単位を、相対サイズ(smallや%など)ではなく、『px(ピクセル)』にした場合や、<FONT>タグでsize="2"などの設定をCSSと併用した場合など、拡大されない事もありますが、基本的にブラウザ依存です。 ※例えば、MacのIEだと、どんな単位にしていても拡大できちゃいます。 また、BODYだけにサイズ設定しても変わらない事もありますので、その場合は個別か、TDでの指定(TD{font-size:12px;}など)も入れた方が良いです。 スタイルシートについての設定はできれば外部ファイル開いて、自分で書き込んでいったほうが良いですよ(余計なものが入る事もありますので)。 スタイルシートについての参考URLを載せておきますね。

参考URL:
http://www.zspc.com/stylesheets/index.html
mamelight
質問者

お礼

なるほど、そうだったんですか。 ご丁寧にありがとうございます。 テーブル内は個別に指定ってことですかね。 それから便利そうなURLありがとうございました。

noname#9692
noname#9692
回答No.2

おはようございます。 ウィンドウ - CSSスタイル - 右向き?三角をクリックして「新規スタイル」 設定するダイアログボックスが出てくるので、とりあえず何も変えずにOKをおすと、新規ファイルの保存画面が出てきます。 そしてstyle.cssなどと任意のファイル名をつけてサイトフォルダ内に保存してください。 スタイルの設定はCSSスタイルのゴミ箱の横の「スタイルの編集」をクリックして任意のスタイルを設定してください。 スタイルシートの添付は添付したいファイルを開けて、CSSスタイルの右向き三角から「スタイルシートの添付」を選べば添付できます。すると<head> </head>の中に <link rel="stylesheet" href="○○○.css" type="text/css"> というタグが書き込まれます。 dreamweaverではスタイルの設定方法が3種類あります。 1.カスタム CSS スタイルは、どこにでも使用できます。 2.CSS タグスタイルは、h1 のような特定のタグ書式を任意に変更できます。 3. CSS セレクタスタイルは、 id 属性 というものを使用します。 詳しい設定方法は、Dreのヘルプに詳しく載っているので挑戦してみてください。 それではがんばってくださいね。

mamelight
質問者

お礼

おはようございます。 で、ありがとうございます。どうやらスタイルの指定はできるようになりました。 但し、反映されていないみたいです(^^;; 表示の文字サイズをいじると、大きさが変わるんです。。 <html> <head> <title>テスト</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <link rel="stylesheet" href="style.css" type="text/css"> </head> こうはなっているんですが・・。?? テーブルとか使っているのって関係あります?? お手数ですがどなたかお願いいたします。

回答No.1

バージョンがわからないので私の環境で。 1.デザインウィンドウを開いてCSSスタイルのタブをクリック。 2.下の方に並んでいるアイコンの左から二番目(+マークが目印)をクリック。 3.新規CSSスタイルのメニューが開くので、定義場所に「新規スタイルシートファイル」を選択。 これで、外部にCSSファイルを作ることができるので、 CSSを使うときはここのスタイルを指定するようにします。

mamelight
質問者

お礼

ありがとうございます。どうやらスタイルの指定はできるようになりました。 但し、反映されていないみたいです(^^;; 表示の文字サイズをいじると、大きさが変わるんです。。

関連するQ&A