2015-02-01 4 views
0

Я пытаюсь связать внешнюю таблицу стилей со всеми моими страницами, но это не рендеринг. Он работает только на моей домашней странице, но не на других страницах. Я использую ту же самую ссылку на всех страницах, и она все еще не работает. Любые идеи о том, что я делаю неправильно?Почему мой внешний css не работает?

<head> 

     <title> Website name </title> 

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

    </head> 

Мой CSS стилей имеет только эти три селекторы:

 h1 {color:Red;} 
     div p {color: gray;} 
     body {background-color: yellow; font-family:arial;} 

EDIT: У меня есть h1 и Див р на всех страницах.

+0

Вы уверены, что оба файла находятся в папке same.e, и у вас есть права на загрузку этого файла? – Koogle

+0

PS: Если это действительно внешнее (что означает другой домен), у вас появятся проблемы с политикой того же происхождения. – Koogle

+1

Политика @Koogle с одинаковым исходным кодом не предотвращает загрузку загружаемых файлов с внешнего сервера. –

ответ

0

В одном из комментариев вы говорите: «Моя таблица стилей находится в основной папке вместе с домашней страницей. Вложенные папки имеют файлы каждой страницы».

Так предполагая структуру папок сайта, как

|- home.html 
|- stylesheet.css 
|- folder1 
|------page1.html 
|- folder2 
|------page2.html 

Ссылка в home.html должна быть

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

и ссылки в page1.html и page2.html должны быть

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

Это просто означает, что «файл CSS - это одна папка над кратным ».

0

место CSS файл в папке назвать его CSS и поместить файл CSS внутри него

И попробовать этот метод

<head> 

     <title> Website name </title> 

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

    </head> 

Если у вас есть проблемы, то проверить имя файла и расширение являются то же самое в обоих файлах

0

Просьба проверить вашу корневую папку может быть

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

Попробуйте так:

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

внутри вашей подпапки страниц.

0

Спасибо, что помогли. Я попытался разместить таблицу стилей в отдельной папке и попробовал как css/stylesheet.css, так и /stylesheet.css, но я столкнулся с такой же проблемой. Поэтому я добавил ../stylesheet.css, как предложил пользователь I19, и теперь он работает, хотя стильная таблица теперь имеет свою собственную папку. Спасибо всем.

+0

Буду признателен, что вы могли бы отметить мой ответ как правильный :-) –

Смежные вопросы