• ベストアンサー

Dreamweaver3でスタイルシートの編集

別のカテゴリでも質問しているのですが こちらでもお願いしたいと思います。 以前に出ている同じ質問の回答を試してみたのですが ダメだったので質問させていただきます。 リンクの文字色をカーソルが触れた時変わるようにしたくて、スタイルシートの編集で、 「cssセレクタと疑似~」→「a:hover」→文字色を選択、という手順で設定するのですが、IE.5で動作確認すると、何の変化も起こりません。 同じ手順で設定しても、文字を斜体に変化させる、文字を拡大、縮小する、などは適用されます。 ソースの編集をしても結果は同じでした。 何故だか全く理由がわかりません。 アドバイスいただけるとものすごく嬉しいです!!

  • HTML
  • 回答数3
  • ありがとう数3

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

  • ベストアンサー
noname#107580
noname#107580
回答No.2

こんにちは! リンクのテキストにプロパティインスペクタなどからフォントカラーを指定していませんか? リンクテキストのカラーを指定したいときは、同じようにスタイルの編集で、『HTMLタグの再定義』をチェックして、『a』を選択して色を指定して見てください。

tesayuma
質問者

お礼

大感激!できましたー!!! HTMLタグの再定義を使うんですか。 私が頼っている本にはそのことは載っていないのですが、 yayopixさんに、もしもその辺を学んだ本があって、 おすすめの本があったら紹介して下さい!! まだたくさん未解決事項はあるんですけど とりあえず一番何とかしたかった問題が解決しました。 ありがとうございます!!

tesayuma
質問者

補足

新たに質問もしているのですが、 リンクテキストが複数ある場合で、それぞれ違う色を指定したいときには どうしたらいいかがわかりません。 何度もすいません。 教えていただけるとありがたいです。

その他の回答 (2)

noname#107580
noname#107580
回答No.3

これらの知識はDreamweaverというよりもWebについての本で勉強した方が良いです。 とりあえず、リファレンスとしてこれ http://www.shuwasystem.co.jp/cgi-bin/detail.cgi?isbn=4-7980-0221-6 それから、月刊誌の『Webクリエイターズ』などが良いと思います。 http://www.mdn.co.jp/

tesayuma
質問者

お礼

ありがとうございます! 勉強します!

  • kosa
  • ベストアンサー率25% (379/1464)
回答No.1

<style type="text/css"> <!-- a:link { color: #000000; text-decoration: none} a:visited { color: #000000; text-decoration: none} a:active { color: #000000; text-decoration: none} a:hover { color: #FF6600; text-decoration: underline} --> </style>

tesayuma
質問者

お礼

ありがとうございます! 教えていただいたように入力すると、 リンクテキストにカーソルが触れた時に #FF0099(もともと設定していた文字色)のアンダーラインがつきました。 a:hoverのところの色を変えても結果は同じでした。 何がいけないのでしょうか? もうちょっと頑張ってみます!

tesayuma
質問者

補足

上の方の回答で今わかったのですが プロパティインスペクタで色指定をしていました! すいません。 で、それをはずしてからa:linkに希望色を入れてみたのですが、 今度は四ケ所あるリンクのうち一ケ所にしか色がつきませんでした。 a:hoverは四ケ所とも効いています。 なぜかしら? またちょっとやってみます。

関連するQ&A

  • Dreamweaver3でスタイルシートの編集

    よろしくお願いします。 以前に出ている同じ質問の回答を試してみたのですが ダメだったので質問させていただきます。 リンクの文字色をカーソルが触れた時変わるようにしたくて、スタイルシートの編集で、 「cssセレクタと疑似~」→「a:hover」→文字色を選択、という手順で設定するのですが、IE.5で動作確認すると、何の変化も起こりません。 同じ手順で設定しても、文字を斜体に変化させる、文字を拡大、縮小する、などは適用されます。 ソースの編集をしても結果は同じでした。 何故だか全く理由がわかりません。 アドバイスいただけるとものすごく嬉しいです!!

  • スタイルシートでフォントのサイズを指定

    Dreamweaver MX 2004初心者です。宜しくお願いいたします。スタイルシートを使いフォントのサイズを指定しました。 自分の記憶が正しければCSSでフォントのサイズ指定した場合、 ブラウザでの文字の拡大・縮小に影響がないと思っていましたが、実際プレビューで文字の拡大・縮小をしてみると反映しています。問題ないのでしょうか。もしくは設定がおかしいのでしょうか。

  • スタイルシート…

    たぶん、初歩的な問題なんですが…自力では調べてもわからなかったので… スタイルシートで、画像を固定し、尚且つ、 リンクの貼ってある文字の上にカーソルがくると文字色が変わるようにしたいのですが、 どのようにすればよいのでしょうか? 一応、 <style type="text/css"> <!-- body { background-image : url("画像のURL"); background-attachment: fixed; background-position: 100% 0%; background-repeat: no-repeat ; } a{text-decoration:none;} a:link {color:#色;} a:active {color:#色;} a:visited {color:#色;} a:hover {color:#色;} --> </style> じゃないかな…?と思って、試してみたのですが、画像は固定できてるんですが、 リンクの文字色は変わりませんでした…。 アドバイスお願いします!

    • ベストアンサー
    • HTML
  • ホームページビルダー10 スタイルシート

    ホームページビルダー10 スタイルシートで、 リンクの入った文字を、カーソルを上にすると、色が変わる(HOVER)非表示のリンク(LINK)表示のリンク(VISITED)があり、リンクの文字の色を変えることができますが、設定すると、そのページのリンクの文字がすべて同じ設定になってしまいます。 例えば、ある文字は HOVERは赤 LINKは白 VISITEDは緑 同ページのほかの文字はHOVERは黒 LINKは黄 VISITEDは青 のように個別に設定したいのですが、 よくわかりません。classを使って、できるというようなことが書いてありますが、よく設定の仕方がわかりません。ご教授お願いいたします。

  • 「ロールオーバー」という単語の出典は?

    ある要素にhover擬似クラスがセレクタとして指定されていて, そこでbackground-imageプロパティやbackground-colorプロパティが指定されていると,マウスカーソルがその要素上に移動したとき,背景画像や背景色が変化します。 http://www.w3.org/Style/CSS/Test/CSS3/Selectors/current/html/tests/css3-modsel-18.html さて、HTMLカテゴリやWeb Page Designカテゴリでは,このことが良く 「ロールオーバー」という言葉で呼ばれているのを見かけますが、 これは公式に定義された用語なのでしょうか? そうでなければ,どこから使われだした用語でしょうか?

    • ベストアンサー
    • CSS
  • スタイルシートの使い方について

    スタイルシートを用いてホームページを作成中なのですが、文章を読みやすくするために、文字と文字の行間を広くとるために下記のタグを挿入したのですが、テーブルの外に書いた文字(文章)の行間だけが変化して、テーブルの中に書いた文字の行間は変化しませんでした。 どのようにすればテーブルの中に書いた文字の行間を広くすることができるでしょうか?ご教授いただけましたら幸いです。宜しくお願いいたします。 <STYLE TYPE="text/css"> <!-- BODY { line-height: 150% } --> </STYLE>

    • ベストアンサー
    • HTML
  • DREAMWEAVER CS5.5 フォンサイズ

    1.全くの新参者が初めて質問しますのでよろしくご指導ください。 2.QNo.6898136、ANO.4・5・6拝承 3.目的は、DREAMWEAVER作成原稿のタイトル文字の拡大等です。 CSS/サイズ36を押すと”新規CSSルール”が出るが、 この中の (1)セレクタータイプ(クラス・HTMLエレメントに適用可能 と既表示) (2)セレクター名(無) (3)ルール定義(新規スタイルシートファイルと既表示) の枠内に何と入れたらよいか ご教示ください。 上記(1)(2)(3)の意味は全く知りません。

  • スタイルシート(css)の編集の仕方

    初歩的な質問ですみません。 スタイルシート(css) の編集はどのようにするのでしょうか? windows付属の「メモ帳」で記述変更、保存してみても 何も変わりませんでした。 よろしくお願いします。

  • ホームページビルダー12でスタイルシートで入力したいのですが…

    ホームページビルダー12を使用しているのですが、「編集」の「背景/文字色の設定」で入力すると<BODY></BODY>間に表示されてしまいます。<style type="text/css"></style>間に表示させるにはどうしたら良いのでしょうか?(外部スタイルシートではなく)

  • 次のスタイルシートにおいて

    <style type="text/css"> <!-- a:link { color:#333333;text-decoration:none; } a:visited { color:#333333;text-decoration:none; } a:active { color:#ff0000;text-decoration:none; } a:hover { color:#ff0000;text-decoration:none; } --> </style> a:linkなどがA:linkになっているものを見かけますがaを小文字で書くよりも大文字で書くほうが望ましいのでしょうか? 特にxhtml1.1の観点から教えてください

    • ベストアンサー
    • Flash

専門家に質問してみよう