• ベストアンサー

CSSが反映されない

試しに明治大学のHPをすべてコピーしてVSコードで保存してブラウザにドラッグしたのですが、HTMLしか反映されず、cssとjcが見れない状況です。どうしたらcssを表示できるのでしょうか?

  • HTML
  • 回答数1
  • ありがとう数0

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

  • ベストアンサー
回答No.1

そもそもCSSは表示するものではなくカスケード情報にすぎません。 また、JCというフォーマットはありません。 あと、オンライン専用のスクリプトはローカルでは動かない事があり そういうものは吸っても、DISKの肥やしでしかないですよ。 (ごみという事) ひとまず何が問題なのかを、把握するため、 ブラウザをデバッグモードにして、エラーがあるなら エラーをつぶすところからやってみるのが、セオリーでしょう。

関連するQ&A

  • 外部CSSの後半がHTMLに反映されない

    はじめまして。 HTML CSS 初心者です。 現在、mac os Xで、miを使いHPを作成しています。 外部CSSをHTMLへ反映させる方法を取っているのですが、ある程度CSSの記述が増えると、後半のCSSがHTMLへ反映されなくなってしまいます。 反映されない後半のCSSをカットし、前半にコピーすると反映されます。 しかし、それまでに反映されていた後半のものが反映されなくなってしまいます。 現在CSSは1,025文字、93行です。 この場合どのような原因が考えられるのでしょうか。 アドバイスをいただけると幸いです。 宜しくお願い致します。

    • ベストアンサー
    • Mac
  • 外部CSSが反映されるHTMLとされないHTML

    レンタルサーバのファイルマネージャを使ってサイトを作っています。 外部CSSで文字のフォントをMS Pゴシックに統一したいのですが、反映されるページとされないページができました。 CSSには、 @charset "Shift_JIS"; p { font-family: "MS Pゴシック",sans-serif; } 読み込みには、 <link href="./style.css" rel="stylesheet" type="text/css"> と記述しました。 反映されたのはサイト2ページ目の2分割フレームの片側だけで、その他のページはブラウザで指定したフォントのままCSSが反映しません。 HTML、CSS共に文字コードはShift_JISで統一していて、それぞれ<head></head>間の同じ位置に記述してあります。 反映されたHTML内にはボックスの幅指定でCSSを使っていますが、その他のページにはCSSを使っていません。違いはこれだと思うのですが、それがきっかけで反映されたりされなかったりと変わるものなのでしょうか? HTML、CSS共に初心者です。この質問が初歩的なことなのか難しいことなのかもわかりません。 よろしくお願いします。

  • ジオシティーズでのCSS反映について

    HP作成初心者です。 現在ジオシティーズにてHPを作成しています。 素材屋さんからお借りしたテンプレートを使用しているのですが、ジオシティーズへファイルアップをしてもCSSが反映されていません。 画像・入力した文字なども中途半端な反映で、見えたり見えなかったりしました。 外部リンクタグ等は  <link rel="stylesheet" href="style.css" type="text/css">です。 自PCからのブラウザで確認した所、CSSも反映されていますしやりたいデザインになっているのですが、ジオへはどう反映させればいいのでしょうか。 ヘルプも見たのですが「書式」というのがどこから見るものなのかが今ひとつ分からずにいます。 http://help.yahoo.co.jp/help/jp/geo/create/create-22.html 初心者的な質問で申し訳ないのですがお教えくださると嬉しいです。

  • CSSが反映されない場合がある

    PHP + CSS + MySQLを独学中の者です。 作成中のHPで、CSSが反映されない事があり、原因究明に苦心しています。 【事象】  作成中のHPにアクセスすると、CSSが反映されない状態で表示(描画)される事がある。 【情報と考察】  ・PHP5.x、CSS、MySQL5のレンタルサーバで作成中。  ・10回に2回程度の割合で事象が発生する。  ・正常に適応されている時は、想定通りのCSSが描画されている為、コード上の問題は低い。  ・CSSは8つの外部ファイルで構成して、htmlの「link」タグで指定している。  ・事象が発生した場合も、生成されたhtml上では「link」タグで指定されている。   (パスも問題なし)  ・複数のブラウザ(IEとFirefox)でも事象は発生する。 以上から、何か原因の可能性として挙げられる事はありますでしょうか。 ご教授・アドバイス頂ければ幸いです。

    • ベストアンサー
    • PHP
  • CSSが反映されない(IE)

    こんにちは。 調べてみても原因が見つからないので質問させていただきました。 Firefoxで動作確認をしたXHTMLとCSSで作成したwebsiteがあります。 そのsiteをIEで動作確認したところ、CSSが全く反映されていませんでした。 文字コードをEUCにして作成したのですが、IEで文字エンコードをshift_jisにしたらレイアウトはガタガタに崩れていますが反映はされるようです。 しかし、バグってしまって文字がおかしくなります。 cssが反映されないと文字は正しく、反映されると文字化けしている、という状況です。 動作確認はFirefox、Operaで行ないました。 全くの初心者ですがどなたかアドバイスをお願いします・・・

  • リセットCSSがきかない

    コーデイング超初心者です。 HTMLとCSSでWEBサイトを作成していて、 リセットCSSをコピペしたのですがきいていないようで、 Chromeでは綺麗に反映されるのですがそれ以外のブラウザでは位置がずれて表示されます。 YUI3やEric Meyer Reset CSS、HTML5 Doctor CSS Resetを使用しましたが 全部ダメでした。 リセットCSSはサイトに書かれているコードをコピペして貼るだけで使用できるんですよね?? HTMLのheadの方に何か書き込まなきゃいけないんでしょうか?? また、きかない場合どうすればいいでしょうか??

    • 締切済み
    • CSS
  • CSSが反映されません

    勉強不足は承知ですが、もうどうにもお手上げ状態です。 質問させてください。 CSSを勉強しているのですが、反映されません (本や、サイトのサンプルとおり記述しても、です) (タグ、スペルの間違いがないかは10回以上確かめています) (CSSサイトのサンプルをクリックすると、それは表示されます) ●ヘッダー内に指定すると、反映されない ○例  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4.01 Transitional//EN"> <HTML> <HEAD> <meta http-equiv="Content-Type" content="text/html;charaset=shift_JIS"> <meta http-equiv="Content-Type" content="tet/css"> <style type="text/css"> <!-- p.ehon{ font-size:100px; color:red; } --> </HEAD> <BODY> <p.ehon> 「絵本」の色は赤色です </p> </BODY> </HTML> ・・・結果・・・ ブラウザには標準フォント(色、サイズ)で ”「絵本」の色は赤色です” と表示される 文字色は font-color:red font-color:#rbg番号 などしてみても、黒のまま 文字サイズも30px、50px、100pxとしてみているが、結果は同じ文字サイズ (標準)になる ○<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4.01 Transitional//EN"> <HTML> <HEAD> <meta http-equiv="Content-Type" content="text/html;charaset=shift_JIS"> <meta http-equiv="Content-Type" content="tet/css"> <style type="text/css"> <!-- body{color:#CCFFCC} h1{color:#996633} --> </HEAD> <BODY> <h1> 絵本の色は赤色です </h1> </BODY> </HTML> ・・・結果・・・ ブラウザになにも表示されない ●BODY内指定 ○例 <div style="color:red"> 絵本の色は赤色です </div> ・・・結果・・・ フォントサイズ標準で、文字色赤で表示されました ○例 <div style="color:red;font-size:50px;"> 絵本の色は赤色です </div> ・・・結果・・・ ブラウザに何も表示されませんでした ○2回目 <div style="color:red;font-size:50px;"> 絵本の色は赤色です </div> ・・・結果・・・ フォントサイズそれなりの大きさに。文字色は赤で表示されました ○3回目 全く同じタグでブラウザには何も表示されず・・・・ ///////////////////////////////////////////////////////////// いったい何が問題なのでしょうか。 こんなところで足止めされているのが悲しいです・・・

  • CSSが反映されない… 初心者です。

    <html> <head> <title>タイトル</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <style type="text/css"> <!-- .f1{ font-family: "book antique"; font-size: 10px; } --> </head> <body> <span class="f1">本文</span> </body> </html> という簡単な指定をしてみたのですが、実際には何も書かれていない真っ白な画面になり、スタイルシートが反映されないです。 ブラウザが悪いのかと思いFirefoxとIEで試したのですが、やはり真っ白な画面になってしまいます…。 他のサイトのCSSを含んだソースをコピーして試したところ、問題なく反映できるのでブラウザのせいではないと思うのですが、自分で書いた書き方では反映されないので、やはり書き方に問題があるのでしょうか? geocitiesを利用しております。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • リセットCSSが効かない

    初めてのwebページ作りで困ったことが起こりました。リセットCSSを記述し、まずはFirefoxで表示の確認をしてみました。ところが、本来余白が無くなって詰めて表示されるはずが、なぜか余白が残って表示されてしまいます。(リストマーカーなど他のリセットCSSはなぜか反映されていました。)コードを何度も見直しましたが、これといった間違いは見つからなかったのでおかしいなぁと思い、別のブラウザでも表示させてみました。すると、EdgeとIEでは同じく一部のリセットCSSが反映されていないようでしたが、Google Chromeではすべて正しく反映されており、無駄な余白のないレイアウトしやすい状態になっていました。これでリセットCSSがうまく機能していることは確認できたのですが、なぜGoogle Chromeでしか反映されないのか不思議でなりません。webサイト制作専門の方に聞いても「ブラウザの問題は分かりかねないと」と言われてしまい、困っています。先に進みたいのですが、別のブラウザで正しく表示されないとなると問題だと思うので、なるべく早く解決したくこちらで質問させていただきました。HTML、CSS、ブラウザに詳しい方などにご教示いただけたらと思います。よろしくお願いいたします。

    • 締切済み
    • CSS
  • CSSのテンプレート

    HPを作ろうと思い、無料で配布されているCSSを使ったHPテンプレートを使いたいと思っています。しかし、全く正常に表示されずに困っています。 手順もファイルをダウンロードして解凍し、HTMLファイル(index.htmlなど)をブラウザで開いて、HTMLソースを表示し、それをそのままコピーペーストしています。しかし、HPに表示されるのは白の背景に文字だけで構成されたものになり、全くデザインされていないHPに仕上がります…。色々なサイトで配布されているCSSのテンプレートを同じ方法でトライしてみましたが結果は同じでした。 CSSのことで色々と調べてみましたが納得の行く回答を見つけることができずに困っています…。どうしたらきちんと表示されるようになるのでしょうか?どなたか教えてください。よろしくお願いします。