Externes CSS-Stylesheet nicht verlinken

Zunächst einmal möchte ich hinzufügen, dass ich vorher viele Beiträge durchgesehen habe, keine, die zu meiner genauen Situation passen.Externes CSS-Stylesheet nicht verlinken

Problem:

"lounge.html" ist die 'Index' HTML-Datei unter
"test.css" gezeigt ist die externe CSS-Datei ich zu verbinden versuchen, zeigen auch unten
"Lounge.html" und "test.css" sind beide im selben Ordner; der Stammordner
All „img“ und „a“ Elemente sind in Ordnung
Als ich „lounge.html“ laufen in Microsoft Edge oder Internet Explorer ist der Stil meiner Seite nicht angewendet.

Ich würde einige Hilfe mit diesem externen Link arbeiten zu schätzen wissen.

Grüße,

h1, h2 { 
 
font-family: sans-serif; 
 
color: gray; 
 
} 
 
h1 { 
 
border-bottom: 1px solid black; 
 
} 
 
p { 
 
font-family: sans-serif; 
 
color: maroon; 
 
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
 
    <head> 
 
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> 
 
    <title>Head First Lounge</title> 
 

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

 
    </head> 
 
    <body> 
 
    <h1>Welcome to the New and Improved Head First Lounge</h1> 
 
    <p><img src="images/drinks.gif" alt="Drinks" /></p> 
 
    <p> 
 
     Join us any evening for refreshing 
 
     <a href="beverages/elixir.html">elixirs</a>, 
 
     conversation and maybe a game or two of 
 
     <em>Dance Dance Revolution</em>. 
 
     Wireless access is always provided; 
 
     BYOWS (Bring Your Own Web Server). 
 
    </p> 
 
    <h2>Directions</h2> 
 
    <p> 
 
     You'll find us right in the center 
 
     of downtown Webville. If you need help finding 
 
     us, check out our 
 
     <a href="about/directions.html">detailed directions</a>. 
 
     Come join us! 
 
    </p> 
 
    </body> 
 
</html>

Quelle

2016-04-06 RiskyDibalo

_ "Wenn ich" Lounge.html "in Microsoft Edge oder Internet Explorer ausführe, wird der Stil nicht auf meine Seite angewendet." _ - so funktioniert es in anderen Browsern? – Turnip

Haben Sie versucht, den Cache Ihres Browsers zu löschen? – Jer

Versuchen Sie auch, die CSS mit der Element Inspector Console zu verfolgen. –

den Browser zu aktualisieren versuchen.

Für IE: Wenn Sie den Fehler weiterhin erhalten werden,

<meta http-equiv="X-UA-Compatible" content="IE=edge">

in Ihrem <head> Abschnitt einfügen und versuchen, es zu laden.

Hoffe, das wird helfen!

Quelle

2016-04-06 15:56:47

Dies kann das Problem des Browser-Cache sein. Löschen Sie den Cache und überprüfen Sie es erneut. Eine einfache Möglichkeit zum Löschen des Caches ist das Hinzufügen einer Radom-Zeichenfolge nach dem Hinzufügen? zur URL. Beispiel

http://example.com/test.html?somerandomtext

Quelle

2016-04-06 16:23:10 uvishere

Interessanterweise funktionierte das externe Stylesheet, als ich beide Dateien auf eine persönliche Website hochlud, die ich zum Testen meines html erstellt hatte ... – RiskyDibalo

um dieses Problem zu beheben, wenn „reparieren“ ist, was Sie es nennen möchte, habe ich einfach die beiden Dateien (HTML, CSS) zu einem Web-Hosting-Server hochgeladen. Die "Index" -Html-Datei wurde sofort vom externen Stylesheet beeinflusst, im Gegensatz zu meinem Versuch der lokalen Methodik.

Quelle

2016-04-07 13:44:02 RiskyDibalo

Antwort

Verwandte Themen