Не подключается CSS, в чем может быть проблема?

Question

4 года назад

0

Не подключается CSS, в чем может быть проблема?

Не подключается CSS, более того, не могу задать стили даже в самом HTML. Пробовала и различные коды подставлять, взятые из учебников, мало ли, может я чего не правильно в этом плане делаю, и под разными браузерами страницу сайта открывала - результата вообще никакого, надпись черным по белому, никакого фона, никакие картинки не вставляются. Подскажите, что еще можно сделать в таком случае?

компьютеры и интернет

4 года назад

Абстрактно Вам сложно помочь.Код страницы пришлите и код таблицы стилей, которая не подключается. И второе на Вашем локальном компьютере работает?

evgenyapanda [500]

4 года назад

<head>
<meta charset = "UTF8">
<link type="text/css" href = "main.css" rel = "slylesheet">
</head>

часть кода html

в файле main.css прописано
h1 { color: green; }

Но ничего не происходит

fserg [26.9K]

4 года назад

stylesheet - какая то буква неверно написана
Вставьте вот эту строку копированием:
<link type="text/css" href = "main.css" rel = "stylesheet">
И вообще если проблемы копируйте строки с кода работающего сайта.Буквы визуально одинаковые, но легко ошибиться и ляпнуть русскую вместо латинской.
Распространенные ошибки. Используют в названии файлов заглавные буквы.Для винды побарабану, а для nix- систем под которыми сервера пашут это могут быть разные файлы.Чтобы не искать ошибки всегда используйте в названиях файлов и картинок только маленькие латинские буквы.

evgenyapanda [500]

4 года назад

Спасибо, переписала код вручную и все заработало)

3 ответа:

Ксарфакс [153K]4 года назад

3 0

Если у вас не подключается CSS к Web-странице, то причин может быть несколько. Рассмотрим их по очереди.

<hr />

Неверный HTML-код, описывающий таблицу стилей.

Стили CSS подключаются с помощью тега "Link" в теге "Head". Правильное описание:

Как правило, файлы с CSS хранятся в отдельной папке, поэтому в описании перед именем файла нужно указывать соответствующий каталог.

Например, href = "Styles/style-table.css".

<hr />

Несоответствие пути файла, указанного в описании таблицы стилей CSS, реальному расположению файла.

Если у вас сложная структура на сайте, то иногда можно запутаться с уровнями вложенности.

Например, файл с таблицей стилей CSS лежит в отдельном каталоге, расположенном в корне сайта:

Site/Styles/style-table.css

Вы подключаете его в файле, расположенном в подкаталоге:

Site/Chapter1/page1.html

Так вот, нужно писать в пути файла href = "../Styles/style-table.css", а не href = "Styles/style-table.css".

<hr />

Ошибки в файле CSS

Такой вариант тоже нельзя исключать. Возможно, вы допустили ошибку в синтаксисе или неверно указали свойство или значение для селектора.

rubusiness [13.9K] · Answer 1 · 2020-03-31T11:53:29+03:00

Если по какой-то причине не подключается страница CSS, проблема вполне может заключаться в ошибке в коде. Проверьте правильность написания stylesheet, наличия кавычек, нужных скобок и т.д.

Также могут быть проблемы если переходите из одного редактора в другой или пытаетесь открыть в старой версии код, написанный в редактое новой.

С Кадрия [3.5K] · Answer 2 · 2020-03-31T12:43:29+03:00

Хочу Вам помочь. Писать бесполезно. Приведу кусочек своей программы с подключением CSS и один из файлов CSS. Моя программа работала безотказно. Посмотрите, как у Вас организовано и как у меня.

Вот начало программы

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd" >

<HTML>

<HEAD>

<TITLE> Новости.</TITLE>

...............

</HEAD>

<BODY>

<IMG SRC= "s24.jpg" WIDTH= "1210px" HEIGHT= "260px" ALT= "Разрез Мутный"

TITLE= "Разрез Мутный" >

А в файле diz0.css находится следующий текст CSS:

body { padding: 0; margin: 0;

text: #006633; topmargin: 20; leftmargin: 10; bgcolor: #ffccff;

marginheight: 20; marginwidth: 10; link: #cc99ff; alink: #cc00ff; vlink: #cc99ff; }

img { border: 0; padding: 0; margin: 0; }

div { padding: 0; margin: 0; }

form { padding: 0; margin: 0; }

ul { padding: 0; margin: 0; vertical-align: top; list-style-position: inside; }

li { padding: 0; margin: 0; }

table.design { padding: 10px; margin: 10px; border-spacing: 0; empty-cells: show;

border-collapse: collapse; width: 100%; table-layout: fixed; }

.dbg { display: block; border: solid 1px #888; }

.invis { display: none; }