デスクトップ上でwebサイトをTwitter bootstrapのフレームワークを使いながら構築しました。ローカル上は何の問題もなかったのですが、サーバーにアップロードした途端に、CSSや画像の読み込みがされなくなってしまいました。
The results here may be inaccurate because some stylesheets could not be loaded due to access restrictions.
というようなメッセージがfirefoxで確認されました。
ディレクトリ構造は、下記のような感じです。
index.html
bootstrap/css
bootstrap/js
bootstrap/img
実際のindex.htmlのヘッダー
(ちなみにhtml5の記法に従ってます。)
<head>
<meta charset="utf-8"/>
<title>Twitter bootstrap practice</title>
<link href="bootstrap/css/bootstrap.css" rel="stylesheet"/>
<script src="bootstrap/js/jquery.js"/></script>
<script src="bootstrap/js/bootstrap.min.js"/></script>
<style type="text/css">
body{padding-top:40px}
</style>
</head>
なぜかさっぱりわかりません。
教えてください。
よろしくおねがいします。
No.2ベストアンサー
- 回答日時:
>due to access restrictions
ファイルへのアクセス権があるか確認してみてください。
No.1
- 回答日時:
firefoxをお使いなら、Live HTTP Headersをつかって、「The results here may be inaccurate because some stylesheets could not be loaded due to access restrictions.」は確認できます。
Live HTTP Headers ( https://addons.mozilla.jp/firefox/details/3829 )
なお、HTMLは間違ってます。HTML5では、XHTMLとの過去互換性のため空要素は、/>で閉じることも許容されますが、
<script src="bootstrap/js/jquery.js"/></script>
は明らかな間違いです。
<script src="bootstrap/js/jquery.js">
ですが、
<script src="bootstrap/js/jquery.js"/>
とも書けます。type属性は不要になりました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- HTML・CSS htmltとcssの連携をして画像縮小について 1 2022/11/15 20:32
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
cssファイルの名称付け
-
cssで、ボタンのテキスト部分を...
-
複数のhtmlで同じcssファイルを...
-
jspにcssを反映させるには
-
cssが反映されません
-
サイトを作る時のcssファイルは...
-
cssファイルを階層の異なるHTML...
-
ディレクトリ構成【「common」...
-
拡張子 .cssに続く暗号みたいな...
-
行と行の間を一行空けたいです
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
-
教えてください。
-
excelをhtmlに変換した途端、一...
-
テーブル内の文字サイズを変更...
-
EXCEL VBA 印刷プレビューダイ...
-
入力規則のリストの文字の大き...
-
VBAでListViewのフォントを変更...
-
Illustratorで作成、pngで保存...
-
オプションメニューの中の文字...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
cssファイルの名称付け
-
jspにcssを反映させるには
-
サイトを作る時のcssファイルは...
-
ディレクトリ構成【「common」...
-
複数のhtmlで同じcssファイルを...
-
cssで、ボタンのテキスト部分を...
-
エクセルファイルにCSSを読み込...
-
ブラウザでプレビューでCSSが反...
-
拡張子 .cssに続く暗号みたいな...
-
cssが反映されません
-
スタイルシート(CSSスタイル)...
-
ドキュメントルートより上の階...
-
cssは複数作る?
-
CSSを最近始めました。実は、2P...
-
範囲指定印刷での位置(css)
-
HTMLの CSSのファイルというの...
-
CSSによる簡易な複数言語対応に...
-
cssでiPhone SEで文字が小さす...
-
一部のページにデフォルトCSSを...
-
行と行の間を一行空けたいです
おすすめ情報