Clever Geek Handbook

The resource is interpreted as a stylesheet, but carried over with mime

Colleagues of neighbors,

I have this error on my website when I uploaded it to my FTP: a resource that is interpreted as a stylesheet but is carried over with a MIME / plain text type

</head>
<body>
    <div class= "navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <a href="#" class="navbar-brand">BlahBlahism</a>

            <button class="navbar-toggle" data-toggle = "collapse" data-target= ".navHeaderCollapse">
                <span class = "icon-bar"></span>
                <span class = "icon-bar"></span>
                <span class = "icon-bar"></span>
            </button>   
            <div class="collapse navbar-collapse navHeaderCollapse">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="Responsive.html">Home</a></li>
                    <li><a href="contact.html">Contact</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="navbar navbar-inverse navbar-fixed-bottom">
        <div class="container">
            <p id="pcolor">BlahBlahism | © Copyright </p>
        </div>
    </div>

</body>

Here are my scripts

<html>
<head>
    <link rel="stylesheet" href="responsive.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="bootstrap-3/js/bootstrap.js"></script>
    <script src="bootstrap-3/js/bootstrap.min.js"></script>
    <link href="bootstrap-3/css/bootstrap.min.css" rel="stylesheet"
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
+3


source to share


1 answer


OP forgot to download it responsive.css

and it was not found. Make sure you upload this file to your root folder.

As shown below, you can see if this is happening in the network tab (F12 in firefox or chrome under developer tools). You can also click mystyle.css

and click Answer to preview the downloaded and make sure you see the correct stylesheet.



If you navigate to the css file, you will see it land on the hosting 404 error page instead of the correct .css file.

+4


source






More articles:


All Articles