0

Не подключается внешний файл CSS,но если внести теже стили из CSS файла в html все работает, путь к файлу проверял несколько раз, все правильно. Почему стили могут не работать?

<link href="/resources/style.css" rel="stylesheet">
/* Eric Meyer's CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    background-image:resursi/background.jpg;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* End of Eric Meyer's CSS Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}
body {
    font: 12px/18px Arial, sans-serif;
    width: 100%;
}
.wrapper {
    width: 1000px;
    margin: 0 auto;
}


/* Header
-----------------------------------------------------------------------------*/
.header {
    height: 150px;
    background: #00FFFF;
}


/* Middle
-----------------------------------------------------------------------------*/
.content {
    background-color:#FFFFFF;
}




/* Footer
-----------------------------------------------------------------------------*/
.footer {
    height: 100px;
    background: #BFF08E;
}

или что то не так с оператором? где я ошибся?

https://i.sstatic.net/fH5ny.jpg теперь выскакивает эта ошибка

13
  • /resources/style.css дробь в конце убрать, первая дробь это корень сайта, у вас site.ru/resources/style.css так лежит? Commented 22 февр. 2016 в 9:35
  • файл лежит /public_html/resources/style.css
    – Fortegon
    Commented 22 февр. 2016 в 9:36
  • public_html это папка внутри домена или просто на хостинге вы смотрите? Commented 22 февр. 2016 в 9:42
  • В хроме или огнелисе в инструментах разработчика (Ф12 нажать) на закладках консоль и сеть есть какие нибудь ругательства/ошибки?
    – Webaib
    Commented 22 февр. 2016 в 9:43
  • нет ошибок нет, но я заметил что во в кладке Elements в Styles вообще нет того, что я писал
    – Fortegon
    Commented 22 февр. 2016 в 9:50

2 ответа 2

0

Во первых почему в конце стоит слеш?
Должно быть:

<link href="/resources/style.css" rel="stylesheet">

Далее проверяем правильно ли указан путь, в начале стоит слеш, значит путь будет с корня сайта, например:

ya.ru/resources/style.css

И если вы зайдёте по этому пути в браузере вы должны получить этот файл, так происходит?

И как получается что <link> у вас находится вместе с CSS, он должен быть в HTML документе, а если это так и есть, то остальной CSS должен быть в заключён в тег <style>

Так же стоит убедится в том что файл действительно залит на сервер удачно.

Далее обратите внимание на файл htaccess, возможно в нём что-то не так настроено.

9
  • <link> находится не в одном файле со стилями, просто просили показать файлик стилей если зайти по url css файла там пусто, но путь я уже несколько раз проверил.....это может быть что-то еще?
    – Fortegon
    Commented 22 февр. 2016 в 13:36
  • если зайти по url css файла там пусто - так так не должно быть, значит сервер не правильно файл отдаёт, где это всё у вас находится, на хостинге?
    – Mr_Epic
    Commented 22 февр. 2016 в 15:44
  • да на хостинге (Hostinger)
    – Fortegon
    Commented 22 февр. 2016 в 16:20
  • Может вы предоставите ссылку и я гляну, что не так?
    – Mr_Epic
    Commented 22 февр. 2016 в 16:39
  • на свой сайт??(если да то вот poligonfotester.xyz/)(правда там ничего нет)
    – Fortegon
    Commented 22 февр. 2016 в 16:43
-1

<style>@import "resources/style.css"</style> МБ ТАК

1
  • Извините, можно несколько поподробней? Или это только ваши предположения?
    – 0xdb
    Commented 9 мая 2019 в 17:02

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.