2013-01-08 3 views
1

피곤합니다. CSS가 HTML로 가져 오지 않습니다. 최대 보여줍니다 모든은 다음과 같습니다 (다른 라인에) 시험 시험 시험 또한, CSS 모두가 그리드에 920.gs입니다 :CSS를 HTML로 가져 오지 못함

<!DOCTYPE html> 
<html> 
     <head> 
      <title>Some title</title> 
     <link rel="stylesheet" type="text/css" href="/css/styles.css" /> 
    </head> 
    <body> 
     <div class="container_12" id="content"> 
      <div class="grid_3" id="leftside"> 
       <h1>Test</h1> 
      </div> 
      <div class="grid_6"> 
       <h1>Test</h1> 
      </div> 
      <div class="grid_3" id="rightside"> 
       <h1>Test</h1> 
      </div> 
     </div> 
    </body> 
</html>  

Annnd는 CSS :

@import url("http://fonts.googleapis.com/css?family=Days+One&effect=font-effect-fire-       animation"); 
@import url("css/grid.css"") 

body { 
     background-attachment:fixed; 
    background-repeat:no-repeat; 
    background-color:#7FA8FF; 
    background-position:top; 
    background-image:url("../images/background.png"); 
    text-align: center; 
    font-family: 'Days One', sans-serif; 
} 
+1

상대 경로의 시작 부분에 "/"가있는 파일을 참조하고 있으므로 절대 경로로 바뀔 수 있습니다. 서버 루트를 검색 할 수 있습니다. 파일로드 실패에 대해 Chrome 개발자 도구를 확인 하시겠습니까? – Taz

답변

1

이를 제거하십시오 당신의 css 경로에서 슬래시를 선도 :

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

이는 HTML 페이지와 같은 수준에서, 당신은 당신의 웹 응용 프로그램의 루트에서 css 폴더가 있다고 가정합니다.

+0

감사합니다. 이것이 문제였습니다. 응답 한 다른 모든 사람들에게 감사드립니다. – PaulBGD

+0

여분의 메모. ./을 사용하여 동일한 디렉토리를 나타낼 수 있습니다. D – Adsy2010

0

가져 오려는 CSS를 다운로드 할 수 있는지 확인하십시오.

은 내가 비슷한 생각을 가지고 다음과 같은 CSS

@import url("http://fonts.googleapis.com/css?family=Days+One&effect=font-effect-fire-animation"); 
0

을 얻을 수있는 duffymo 같은 최고의 '/'가 될 수있는 문제. 그래서 나뿐만 아니라 그와

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

하지만를 사용하는 것이 좋습니다 것 나는 당신의 CSS 파일에서 include 문을 제거하고 단지 주 등에 넣어 것 :

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

그것은 할 수있는 그리드가 아닌 가져 오는 이유는 css/grid.css를 css/css/grid.css에서 호출하기 때문입니다.하지만 잘못 될 수 있습니다. 하지만 해보지 않아도됩니다.

1

@import의 상대 URL은 가져 오기 스타일 시트와 관련이있는 것으로 해석됩니다. 자, 보여주고있는 스타일 시트가 "/css/styles.css"이라면, @import url("css/grid.css"") (끝 부분의 ""을 제외하고)은 아마 당신이 원하는 것이 아닌 /css/css/grid.css 파일을 찾을 것입니다.

그냥 추측,하지만 난 당신이 필요

@import url("grid.css") 

생각합니다.

관련 문제