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