Kayelder Kayelder - 11 days ago 7
CSS Question

Resource interpreted as Stylesheet but transferred with mime

Fellow Coders,

I am having this error in my website when i uploaded it to my FTP: Resource interpreted as Stylesheet but transferred with MIME type text/plain

</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 etc.

<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>

Answer

As shown below in comments, OP forgot to upload his responsive.css, and it wasn't found. Ensure you have uploaded that file to the root folder.

As shown below, you can see if this is happening in the network tab (F12 in firefox or chrome under the developer tools). You can also click on the mystyle.css, and click "Response" to view what was downloaded and ensure you're seeing the correct stylesheet.

If you navigated to the css file, you would see that it goes to your hosting providers 404 error page, instead of the correct .css file.