2017-08-10 20 views
0

ウェブサイトを公開しましたが、「生のHTML」だけが読み込まれています。私はこれを数時間トラブルシューティングしてきたので、なぜうまくいかないようです。すべてのヘルプははるかに高く評価されるだろうIndex.html file CSS読み込みエラー

<!DOCTYPE html> 
<html lang="en"> 

<head> 
    <meta charset="utf-8"> 
    <link rel="icon" type="image/ico" href="http://www.example.com/favicon.ico"/> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <meta name="description" content=""> 
    <meta name="author" content=""> 

    <title>Example</title> 

    <!-- Bootstrap Core CSS --> 
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> 

    <!-- Theme CSS --> 
    <link href="css/freelancer.min.css" rel="stylesheet"> 

は、ここでは、コードです。

+0

「生のHTMLだけを読み込む」という意味を明確にすることはできますか? – ifconfig

+0

フォルダ構造を共有してファイルパスを確認する –

+1

コンソールとネットワークトラフィックとは何と言うのですか – marcel

答えて

-4
<!-- Bootstrap Core CSS --> 
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"> 

<!-- Theme CSS --> 
<link href="css/freelancer.min.css" rel="stylesheet" type="text/css"> 

タイプが必要です。タイプを確認してください。

+0

タイプは必須ではありません。 – Jer

0

あなたは正しいことをしていますが、問題はCSSファイルが別のフォルダに存在することです。すべてのCSSファイルを含むサイトのルートにそのような何かをCSSのフォルダを作成することをお勧め練習です:

enter image description here

次に、あなたはわずかヘッダーであなたのlink要素を変更する必要があります。

<!-- Bootstrap Core CSS --> 
<link href="css/vendor/bootstrap/bootstrap.min.css" rel="stylesheet"> 
<!-- Theme CSS --> 
<link href="css/freelancer.min.css" rel="stylesheet"> 

さらに、必要に応じてさらにCSSファイルを追加できます。

私はそれが役に立ちましたと思います!

0

あなたが別のフォルダに入れた場合、あなたはそのちょうどあなたのインデックスと同じフォルダにある場合は、この

<link rel="stylesheet" type="text/css" href="../min/freelancer.min.css"> 

のようなものを使用することをお勧めします

をCSSあなたの場所を再確認してください。 HTML

<link rel="stylesheet" type="text/css" href="freelancer.min.css"> 

あなたと別のフォルダに入れた場合、今

ファイルindex.htmlを
<link rel="stylesheet" type="text/css" href="min/freelancer.min.css"> 

は単に「../」あなたが戻って一つのフォルダ

0

問題が解決し、あなたのインデックスの現在の場所から行かせることに注意してください。すべてのファイルを.index.htmlにまとめる必要がありました。

関連する問題