cssの適用がされない原因とは？
- HP作成の勉強に、ローカル内で、htmlとcssを試しに書いてみたところ、cssが適用されず、困っています。
- 外部のcssファイルを読み込む場合も、htmlの<head>や要素に<style>を追加する場合も適用されません。
- W3Cの検証も済んでいますが、どのブラウザでも適用されていません。他に考えられる原因は何でしょうか？
- ベストアンサー
css の適用について
HP作成の勉強に、ローカル内で、htmlとcssを試しに書いてみたところ、 cssが適用されず、困っております。 外部のcssファイルを読み込む場合も、htmlの<head>や要素に<style>を追加する場合も適用されません。<head>内でlinkや属性指定の記述もしており、パスもあっています。 W3Cの検証も済んでいます。htmlとcssのコーディングも一致させています。 作成の環境は、Mac OS X version 10.9.4で、Emacsで書いています。 また、どのブラウザでも適用されていません。 他に考えられるとしたら、どのような原因で適用されないのでしょうか？ 教えて頂きたいと思います。よろしく御願いします。
- 0nce-19
- お礼率20% (1/5)
- Mac
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
閲覧してる多くのページ（例えば「教えてgoo!」とか）では CSS が適用され、 自作のページだけが何故か CSS が適用されないなら、 書き方が間違ってるとしか考えられない、と思うんですが。 CSS が適用されるページ（例えば「教えてgoo!」とか）のソースを保存して、 見比べて研究すれば、どこがおかしいか、わかるのでは。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>test</title> <meta http-equiv="Content-type" content="text/html; charset=UTF-8"> <meta name="keywords" content=""> <link rel="stylesheet" href="css/main.css" type="text/css"> <style type="text/css"> <!-- body {background-color:#FF0; font-family:sans-serif; } h1 {font-size: 1000%; color:#F0F; } --> </style> </head> <body> <h1>TEST</h2> </body> </html>
関連するQ&A
- このcssが適用されない理由を教えて下さい
下のcssはaタグにcls1クラスが適用されません。 div.cls1を.cls1とすると適用されます。 要素名.クラス名で「要素以下の指定クラス」を対象に出来る筈なのですが 何か記述方法を間違えているでしょうか。 ここから<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< <html> <head> <style> div.cls1 { display: block; border: 1px solid red; width: 200px; height: 100px; } </style> </head> <body> <div> <a class="cls1" href="www.google.co.jp">google</a> </div> </body> </html> ここまで<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
- ベストアンサー
- CSS
- [Dreamweaver8]テンプレートに外部CSSを適用→HTMLドキュメントにCSSが適用されないのは何故？
Dreamweaver8初心者で、現在勉強中の者です。 Dreamweaverのテンプレート機能を使った、外部CSSの設定方法についてお尋ねします。 ディレクトリは現在、以下のような状態です。 [サイト -SampleWebSiteFolder-] ｜―[Templates] ｜ ｜―[style.css] ｜ Ｌ―[template.dwt] ｜ Ｌ[index.html] ※拡張子の無いものはフォルダを表します。 index.htmlファイルへCSSを適用させたいのですが、適用されないで困っています。 cssは、外部スタイルシートファイルを用意(style.css)し、テンプレート(template.dwt)に対して、CSSスタイルパネルの[スタイルシートを添付]ボタンより設定しています。 結果、テンプレート(template.dwt)に対してはCSSが適用されるのですが、HTMLドキュメント(index.html)にはCSSが適用されていない状態です。 テンプレートを用いて外部スタイルシートにてサイトを管理する場合、上記のケースにおける問題の原因は何でしょうか。 ちなみに、テンプレート[template.dwt]及び、HTMLドキュメント[index.html]の<head></head>内には、以下のソースが記述されています。 <link href="style.css" rel="stylesheet" type="text/css" />
- ベストアンサー
- ホームページ作成ソフト
- CSSについての質問です
ある要素の中で指定した属性が指定した値を持つ場合にCSSを適用したい場合は、 E[hogehoge="aaa"] のように書きますが、属性を複数指定するにはどう書けば良いのでしょうか？ 例えば、hogehoge="aaa"かつfoo="iii"の時に適用したく、 E[hogehoge="aaa", foo="iii"] と書きましたが期待した動作が得られませんでした。
- 締切済み
- CSS
- CSSでフォントが適用されない
CSSでレイアウトを作成しました。 フォントはMS Pゴシックを指定しています。 CSSを外部にしましたらフォントがMS Pゴシックではなく、明朝っぽくなっています。他のCSSは適用されているのにフォントだけが適用されていません。 ※外部CSSにする前はMS Pゴシックになっています。 html ------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <link href="style/style.css" rel="stylesheet" type="text/css" media="all"> <title>無題ドキュメント</title> ------------------------------------------------- 外部CSS ------------------------------------------------- @charset "utf-8"; html { height: 100%; } body { font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "Osaka"; padding: 0px; margin: 0px; font-size: 0.8em; } ------------------------------------------------- どこが間違っておりますでしょうか？ 宜しくお願いします。
- ベストアンサー
- HTML
- CSSのスタイルシート適用について
<link href="/○○○.css" rel="stylesheet" type="text/css"> としてスタイルシートを呼び出した後に、再び <style type="text/css"> と記述してスタイルのいくつかを再設定することはできるんでしょうか？その場合はその宣言したものだけが変わって、ＬＩＮＫされたほうのスタイルシートデータも他の内容は生き残って適用されますか？
- ベストアンサー
- HTML
- CSSセレクタについて
X要素の子要素としてY要素を持っている場合に、X要素にスタイルを適用するためのセレクタはあるでしょうか？ 自分で調べた限りでは上記と同等のことができる記述は見つかりませんでした。 もし、ご存知でしたらよろしくおねがいします。 JavaScriptを使えば出来るめどはあるのでスクリプト使わない方法で純粋にCSSのみを使った方法があればお願いします。 ※冒頭の条件（X要素の子要素としてY要素を持っている場合）は以下の3点の記述ミスではないのでその点もお願いします。 ・X要素の親要素としてY要素を持っている場合 ・Y要素の子要素としてX要素を持っている場合 ・X要素の属性としてY属性を持っている場合
- 締切済み
- CSS
- 外部CSSを適用させるための正しいソースコードの書き方
dreamweaverCS4のバグではないかと思うのですが、外部スタイルシート（test.css）を作成し、それをHTMLファイル（test.html）へ適用させたいのですが、ファイルの階層が同じなので、以下のようにソースコードを書くのが正解だと思いますが、 <link href="test.css" rel="stylesheet" type="text/css"> 以下のように、「../test.css」と「..」が付いても適用される場合があります。 <link href="../test.css" rel="stylesheet" type="text/css"> 逆に「..」が付く方が正解で、付かない方が間違っているのでしょうか？ どっちが正しいのでしょうか？ そもそも「..」とは何でしょうか？ すみません、根本的なところからわかっていません。 よろしくお願いします。
- ベストアンサー
- HTML
- <body>から始まるhtml編集にｃｓｓを適用する
html初心者です。 ASPを利用しネットショップを作成しています。 トップページの上段部分を作成しているのですが、 ページを編集する画面上下に、<body></body>が既に書き込まれており、その中のフォームにhtmlを記述するようになっています。 <body></body>内にスタイルシートを適用することは できるのでしょうか？ 画面上には<head>内の編集はできないと書いてあります。 調べてもcssの適用の方法は<head>内に記述する、リンクを貼るという方法しか見つけられません。 初心者で変わった変な質問で申し訳ありませんがどうぞよろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- ｃｓｓについて
cssで教えてほしいのですが、htmlに直接ヘッダーとかサイドバーに直接書き込む方法と、外部スタイルシートを作成して要素などだけ書き込む方法と2つのやり方があると認識してもいいですか？？？また外部化の場合はメモ書きのような感じではなくソフトで作成する感じでdivとかに記述すると言うことでいいですか？？？自信ないので教えて下さい。
- ベストアンサー
- ホームページ作成ソフト
- 手打ちでＣＳＳを作っている方に質問です。
前質問の http://oshiete1.goo.ne.jp/qa2985564.html 参考になりましたが、 HTMLとCSSを同時製作する場合は、 どんな工夫をしているのでしょう？ CSSに適したエディタは？ ちなみに当方は、head部に全部書き調整したり 部分的にstyle属性で仮指定しておりたりし、 仕上げにCSSファイルをつくりlinkします。
- ベストアンサー
- ホームページ作成ソフト
お礼
回答ありがとうございます。 実際に順番に上から比較してみると、原因が分かりました。 <head>内の記述を一部、pdfからコピー&ペーストしていた所、一カ所ダブルクオーテーションが全角になっていました。