2016-04-06 28 views
0

İlk kapanış, daha önce pek çok gönderiye baktığımı eklemek istiyorum, hiçbiri tam olarak eşleşmiyor.Harici CSS stil sayfası bağlantı oluşturmuyor

Sorun:

  1. "Lounge.html"
  2. "test.css" aşağıda gösterilen 'endeksi' html dosyasıdır da, ben bağlamak için çalışıyorum dış .css dosyası aşağıda göstermek
  3. "Lounge.html" ve "test.css" her ikisi de aynı klasörde bulunur; Microsoft Kenardan veya Internet Explorer birinde "Lounge.html" çalıştırdığınızda
  4. düzeni
  5. çalışma olan kök klasör
  6. All "img" ve "a" elemanları, stil sayfama uygulanmaz.

Bu harici bağlantıyı çalıştırmaya yardımcı olmaktan memnuniyet duyarım.

Selamlar,

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>

+1

_ "Microsoft Edge veya Internet Explorer'da" Lounge.html "dosyasını çalıştırdığımda, stil sayfama uygulanmaz." _ - diğer tarayıcılarda çalışır? – Turnip

+0

Tarayıcı önbelleğini temizlemeyi denediniz mi? – Jer

+0

Ayrıca css'yi eleman denetleyici konsolunu kullanarak izlemeyi deneyin. –

cevap

0

tarayıcıları güncellemeyi deneyin

AA.

IE için

: Hala hata alıyorsanız, sizin <head> bölümünde

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

yerleştirin ve bunu yüklemeyi deneyin.

Bu yardımcı olacaktır umarım!

0

Bu, tarayıcı önbelleği sorunu olabilir. Ön belleği temizleyin ve tekrar kontrol edin. Önbelleği temizlemenin basit bir yolu, ekledikten sonra bazı radom dizelerini eklemek? url'ye. "Düzeltmek", bu sorunu gidermek için Örnek

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

İlginç bir şekilde, harici stil sayfası, html'yi test etmek için oluşturduğum kişisel bir web sitesine her iki dosyayı da yüklediğimde çalıştı ... – RiskyDibalo

0

onu aramak istiyoruz şeydir, ben sadece bir web barındıran sunucuya iki dosyayı (html, css) yüklendi. Yerel metodoloji denememden farklı olarak, 'index' html dosyası harici stil sayfasından hemen etkilendi.

İlgili konular