Firefox html css externo não funciona

Question

Estou criando um site usando o gedit. Quando executo os arquivos html do explorador de arquivos, exceto o css inline, o css externo não parece funcionar. qual é o problema? alguém pode explicar como consertar isso?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <link href="styles.css" rel="stylesheet" type="text/css"/>
<link href="favicon.ico" rel="shortcut icon" />
    <meta name="viewport" content="width=device-width">
    <title>Home </title>
  </head>
  <body id="back">
  <div id="Head">
  <left><img src="Logo.png" style="float: left; padding-left: 20px;"/></left>
  <h1> Sri Krishna Lending Library </h1>
  <p align="justify"><a href="index.html">Home </a> <a href="about.html">About us </a> <a href="books.html">Our Books </a> <a href="contact.html"> Contacts & Timings</a> <a href="http://goo.gl/forms/B5kLAzPAhy"> Library Reviews</a> <a href="article.html"> Author of the Month </a></p>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  </div>

<div id="Page">

 <h2 align="center"> Welcome to Sri Krishna Lending Library's official website. </h2>
 <p align="center"> We are a library at Aziz Nagar 2nd street, Near Railway Border Road, Kodambakkam, chennai - 600 024 </p>
 <center>     <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script><divstyle="overflow:hidden;height:500px;width:600px;"><div id="gmap_canvas" style="height:500px;width:600px;"></div><style>#gmap_canvas img{max-width:none!important;background:none!important}</style><a class="google-map-code" href="http://www.trivoo.net/google-maps/" id="get-map-data">www.trivoo.net</a></div><script type="text/javascript"> function init_map(){var myOptions = {zoom:21,center:new google.maps.LatLng(13.047368339315124,80.22979016214481),mapTypeId: google.maps.MapTypeId.ROADMAP};map = new google.maps.Map(document.getElementById("gmap_canvas"), myOptions);marker = new google.maps.Marker({map: map,position: new google.maps.LatLng(13.047368339315124, 80.22979016214481)});infowindow = new google.maps.InfoWindow({content:"<b>Sri Krishna Lending Library</b><br/>aziz nagar 2nd street<br/>600 024 Chennai" });google.maps.event.addListener(marker, "click", function(){infowindow.open(map,marker);});infowindow.open(map,marker);}google.maps.event.addDomListener(window, 'load', init_map);</script></center>

 <br>
 </div>
 <br>
 <div id="Footer">
 <p> Don't Forget to visit us! </p>
 <br>
</div>
  </body>
</html>

    

Answer 1

Este é um problema de permissão, pois o arquivo residia em uma partição NTFS montada por root.

O root (administrador) montou sua partição ntfs, styles.css estava na partição NTFS, portanto, o arquivo styles.css pertence à raiz.

Crie um novo arquivo chamado style.css copie o conteúdo de styles.css para seu recém criado style.css . Exclua / remova o arquivo styles.css . E renomeie o style.css para styles.css . Então deve funcionar de novo!