Q&A
情報が足りません。少なくともHTMLファイル名と、それにCSSを適用している部分のコードを質問内に追記してください。
発生している問題・実現したいこと
CSSが反映されません。vsコードでパスをコピーし検
索すると自分のパソコン内だとしっかり適応されるんですがファイルマネージャーに置くと反映されなくなります。対処法ありますか？
html css
試したこと
スーパーリロード
ブラウザのキャッシュの削除
補足情報（FW/ツールのバージョンなど）
XFREEというサーバーを使っています。
FFFTPでファイルをアップロードしました。
](6596705272268c6d1f4402a2e5eea3fa.png)
ーーー追加情報ーーー
ファイルマネージャーにあるCSSファイルにはコードが書いてあるんですが実際のウェブサイトのデベロッパーツールを見るとCSSファイルにコードが書かれていません。
デベロッパーツールには
Failed to load resource: the server responded with a status of 404 (Not Found)
Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
と書かれています。
デベロッパーツールでみたときに対象のcssが404 not foundでエラーが出ていませんか？
HTMLファイル名はindex.htmlで
<link rel="stylesheet" href="https://"unpkg.com/ress/dist/ress.min.css">
でCSSをリセットして
<link href="css/style.css" rel="stylesheet">
でCSSを適応しています。
ファイルマネージャーにあるCSSファイルにはコードが書いてあるんですが実際のウェブサイトのデベロッパーツールを見るとCSSファイルにコードが書かれていません。
デベロッパーツールには
Failed to load resource: the server responded with a status of 404 (Not Found)
Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
と書かれています。
リセットCSSの " の位置がおかしいのと、> で閉じてないのが気になりますが…
コピーする位置がずれてました。
実際は最後に"〉がついています。
回答1件
0
ベストアンサー
ERR_BLOCKED_BY_CLIENT
これはなんでしょうね？？ただ質問者さんの記載の外部から読み込んでいるCSSの記述がおかしいのでそれが怪しいです。
html
1<!-- 誤 --> 2<link rel="stylesheet" href="https://"unpkg.com/ress/dist/ress.min.css"> 3 4<!-- 正 --> 5<link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css">
404 (Not Found)
これはリンク切れを指しているので、ファイルパスがあっていないのだと思います。
ローカルではうまくいっているとのことで、サーバー上ではcss/style.cssの構成ができていないのだと思います。
サーバー上でもhtmlと同階層にcssディレクトリを作成して、そこにstyle.cssを配置したらうまくいくのではないでしょうか？
投稿2021/06/22 03:09
総合スコア497
runnynoseさん
> ERR_BLOCKED_BY_CLIENT
Chromeの拡張機能でブロックされた時のエラーなんで恐らくよく使われるアドブロック系が
弾いてるのではないかという予想
拡張機能が作用しているコンソールエラーなら無視してしまって良さそうですね^^;
> ERR_BLOCKED_BY_CLIENTはAdBlockを解除したらなくなりました。
ありがとうございます！
CSSリセットの記述は直したんですが
GET http://hayarin.html.xdomain.jp/css/style.css net::ERR_ABORTED 404 (Not Found)
まだこのエラーが出てきます
ファイルマネージャーの同じところにhtmlファイルとCSSファイルを置いてるんですがこれで同階層になっていますか？
>> ERR_BLOCKED_BY_CLIENTはAdBlockを解除したらなくなりました。
> ありがとうございます！
レンタルサーバーの広告か何かをブロックしてたんですね。
> ファイルマネージャーの同じところにhtmlファイルとCSSファイルを置いてるんですがこれで同階層になっていますか？
cssファイルがhtmlと同階層になっていたらcssファイルは読み込めないと思います。
質問者さんのコードではcss/style.cssとなっているので、まずはhtmlファイルと同階層にcssディレクトリが必要になります。
htmlファイルと同階層にCSSディレクトリを作りその中にstyle.cssを作りましたが適応されません。
エラーコードは
GET http://hayarin.html.xdomain.jp/css/style.css net::ERR_ABORTED 404 (Not Found)
です。
コード上はcssが小文字で、作成したディレクトリは大文字になっているようですね。
http://hayarin.html.xdomain.jp/CSS/style.css
出来ました！
本当にありがとうございました！！！
あなたの回答
tips
プレビュー
