• ベストアンサー

スタイルシートがブラウザで反映されない

dreamweaver8でサイト作成中です。 divタグの中のテキストにリンクを付け、外部CSSで、 .xx a:link{font-size: 14px;} としてあるのですが反映されません。 不思議なのは、リンクURLの一文字を変えると（例えば.comを.corに）反映されるのです。 ちなみにdreamweaver上ではCSSが反映されているのですがブラウザ上だとダメです。 また、同じソースのボックスで違うリンクURLがいくつもあるのですが"所々"やはりブラウザだと反映されていません。 どういう原因が考えられますでしょうか？

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

  • ベストアンサー
  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.1

状態が :link(未訪問) ではなく、 :visited(訪問済) なので反映されないのでは。 （リンク先URLを変えると、未訪問(:link)の状態になるので効く。） フォントサイズなんかは状態で変える必要がないので .xx a{font-size: 14px;} と、しておけばいいかと思います。

pinker5008
質問者

お礼

なるほど！そのとおりでした。 まだCSS始めたてで手探り状態なのですが何時間も考え込んでしまいました。ありがとうございました！

  1. カテゴリ
  2. [技術者向] コンピューター
  3. 業務ソフトウェア
  4. グラフィックソフト

関連するQ&A

  • スタイルシートが反映されない。

    htmlに <link rel="stylesheet"type"text/css" href="style.css" media"all"> と記入 style.cssに <style type="text/css"> <!-- body{ text-align:center; padding-top:20px; h1{ text-align:center; font-size:1.5em; color:♯800000; backgraund-color:♯FFFFFF; padding-top:20px; padding-bottom:20px; } --> </style> と記入 bodyは反映されるのにh1が反映されません。 原因がまったくわかりません。 なにが悪いのでしょうか？。 よろしくお願いします。

  • 外部スタイルシートがsafariブラウザに反映されない

    初心者です、お願い致します。 環境mac osX 外部cssでhtmlファイルをコントロールしたく、外部css(dreamweaverを利用していますが、馴れていないのでテキストエディトでやろうか検討中)とhtmlファイル(テキストエディト）でhp作りをしております。 外部CSSファイルとHTMLファイルの一回目の作成（LINK時）では、どうやら反映がなされるようです。しかし、それ以後、外部CSSファイルをいじりその内容を保存し、HTMLファイルをSAFARIアプリで開くと反映されないのです。 よく分からないのですが、しばらく経って、dreamweaverやテキストエディットを立ち上げ外部CSSファイルの内容を変え、上記と同じ事をするとその時だけ反映され、それ以後、また反映されないという状況になった事もあったと思います。 外部cssファイルは一度しかその内容を指定出来ない、という事ではないですよね？？まさか

    • 締切済み
    • Mac
  • fontタグとスタイルシートの相対値

    CSSでこういう使い方はありえないかもしれませんが、 １は60ptですが、２，３は何ptですか？ このようにfontタグは一つ上のdivのスタイルシートに影響せずにfont sizeで完結していますが 値を相対的に変化させる（例えばdivの値の20%とか）ことはスタイルシートのしくみでありますか？ <style type="text/css"> <!-- .a { font-size:60pt; } --> </style> <!-- １　--> <div class="a">60pt</div> <!-- ２　--> <div class="a"><font size="-1">？px</font></div> <!-- ３　--> <div class="a"><font size="1">？px</font></div>

    • ベストアンサー
    • HTML
  • スタイルシートで。。

    こんにちは。 外部CSSをリンクさせてCSSを反映させています。 そこで質問です。 リンク箇所には下線がでるようにしていますが、リンクのある画像にまで下線がついてしまうのです。 画像だけには適用させない、というようなタグはありますか？ ちなみにこういうのを記述してます a:link{color:#cccccc;text-decoration:none;border-bottom: #ffffff 1px dashed;} a:visited{color:#cccccc;text-decoration:none;border-bottom: #ffffff 1px dashed;} a:active{color:#cccccc;text-decoration:none;border-bottom : #ffffff 1px dashed;} a:hover{color:#cccccc ;text-decoration:none;background-color : #688999; border-bottom : #ffffff 1px dashed;} なにか回避方はありませんでしょうか？ 教えてください、よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • スタイルシートについて

    宜しくお願い致します。 個人のホームページを作成しているのですが、ヘッダーの下にメニューボタンを横並びに置きたくて参考書通りにしているつもりなのですができません。ソースは HTMLソース <div id="content"> <p>what new</p> </div> <div id="sidebar"> <ul id="sidemenu"> <li><a href="link.html">トップページ</a></li> <li><a href="link.html">コンセプト</a></li> <li><a href="link.html">メニュー</a></li> <li><a href="link.html">ブログ</a></li> <li><a href="link.html">リンク</a></li> </ul> </div> CSSソース div#content{ font-size:0.75em; width:564px; } ul#sidemenu li{ list-style-type:none; float:left; } です。ど素人なものでどこが間違っているのかさえわかりません。 ご教授頂ければ幸いです。 どうぞ宜しくお願い致します。

  • スタイルシートでサイト作り

    現在サイトをスタイルシートを使って作ってます。 まだまだ本＆辞書片手に勉強中の初心者です。 幅４５０px高さ１００％中央配置のテーブル内に ヘッダー部分に４５０px　×　１３０pxの画像 その左下にメニューバー　右にコンテンツ を作りたいと思います。 メニューバーは　幅１２８ｐｘ　高さ１００％です。 本を見ながらアレンジして作りました。次の通りです。 /* === サイドバー部分のスタイル === */ .side {width:128px; vertical-align:top; padding:0px; background-color:#999999} .side div {font-size:12px; font-weight:bold; letter-spacing:3px; border-bottom:solid 1px white} .side a {color:#333333; 　text-decoration:none; display:block; padding-top:5px; padding-bottom:5px; padding-left:13px} .side a:hover {color:ffffff; background-color:#666666} <!--=== サイドバー部分のソース ===--> <td class="side" rowspan="5" valign="top"> <div><a href="link.htm">about</a></div> <div><a href="link.htm">contents</a></div> 　　<div><a href="link.htm">blog</a></div> 　　<div><a href="link.htm">bbs</a></div> 　　<div><a href="link.htm">link</a></div> </td> リンクにふれると色が変わるのが気に入ってます。 この「link」の下にコメントとリンクを入れたいんですが 「拍手」ボタン　<form>・・・</form> 「返事はこちら」　　というコメント（「こちら」部分がリンク） をセルで囲って、画面下までのばしたいです。 いろいろ試したんですが、新しく作ったセルが横に並んだり <side>の a の影響を受けてしまったりして思ったように出来ません。 どうぞ御指南お願いします。

  • スタイルシートのwidthについて

    <style type="text/css"> #hoge{border:solid 1px black;width:100px;margin:0;} </style> <div id="hoge> </div> このようにdivタグにスタイルシートをつけるとなぜか縦の幅ができてしまいます。 width:100をなくせばただの線になるのですがwidthをつけるとどうして 縦幅ができてしまうのでしょうか？ hightをつけてるのはまだしもwidthをつけただけじゃ横の長さが決まるだけで縦は0だと思ったのですが違うのでしょうか？ ブラウザはIE6で見ました。

    • ベストアンサー
    • HTML
  • divにも同じフォントスタイルを適用したい

    現在 p { color : #222222;} p { font-family: Arial, Helvetica, sans-serif;} p{ margin: 1px 0px 1em 0px; font-size:95%; line-height:103%; } このような指定をしてあります。 しかしセンタリングなどに <div style="text-align:center;">のタグを使用するとセンタリングはされますけれど、上記CSSが反映されませんよね。 あちこちのHPを参考に色々試行錯誤をしていますけれど上手く反映されません。 div { color : #222222;} div { font-family: Arial, Helvetica, sans-serif;} 以下略 div.test　等に変えても同じです。 どこがダメなのでしょうか？

    • ベストアンサー
    • HTML
  • style.css　反映されない

    WORDPRESSを使ってホームページを作成中です。 使っているPCはMAC OS 10.5.8です。 素人のためwordpressレッスンブックという本を読みながら進めています。 index.phpとstyle.cssでHPを作成しています。 index.phpで記入したものは、サイトを表示すると反映されているのですが、style.cssで指定、または記入したものが急に反映されなくなりました。 今まではそんなことはなく、順調にすすんでいたんですが、今日の作業中に突然style.cssで記入したものが反映されなくなりました。 （例１） *RSSフィードへのリンクの文字のデザインを指定する。 *画像の中央に文字をそろえて表示する。 *RSSフィードへのリンクを枠で囲んで表示する。 ↑ これらを実行したくて、 style.cssに下記のように入力しましました。 /* フィード */ p.feed {font-size: 0.75em; font-family: Verdana, Helvetica, sans-serif; border: solid 1px #8cc63f; padding: 5px; margin: 25px 0} p.feed a {color: #444444; text-decoration: none} p.feed img {vertical-align: middle; margin-right: 8px} しかし、全く反応しませんでした。 どうしたらよいですか？ 教えてください。

  • スタイルシートが反映されません

    <link rel="stylesheet" href="style.css" type="text/css">で 外部スタイルシートの反映がされません。 このＣＳＳファイルの中身をそのままＨＴＭＬファイルのＨＥＡＤ部分に持っていったら反映されましたので、単純にリンクがうまくいっていないのか？と思うのですが・・・ ファイル名はあっているし、リンクもファイル名ではできなかったので 絶対パスで指定してみましたがダメでした。パスの指定ミスを防ぐためにファイルのプロパティを開いて、場所をコピペして最後のところに ￥をつけてファイル名を拡張子つきでくっつけましたがダメでした。 なにがいけないのでしょう・・・ いろいろと考えたり調べたりしているのですが、どうしてもわからないです。 ＣＳＳファイルはＨＴＭＬファイルと同一フォルダ内の同一階層にあります。（まだネット上に公開しておらずＵＲＬも持っていないので 個人のＰＣフォルダ内です）ＣＳＳファイルのアイコンはメモ帳に歯車のイラストのアイコンです。このアイコンになっていたらちゃんと ＣＳＳファイルだと思っていたのですがもしかしたら違うでしょうか？ あ、ＨＴＭＬファイルのＨＥＡＤ部分の <meta http-equiv="conten-style-type" content="text/css" /> の書き込みもしてあります。 外部ファイル用の<link rel=だらだらだら>の後に </style>でしめてみたのですがダメでした。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する