Почему не работает css в html
Перейти к содержимому

Почему не работает css в html

  • автор:

Почему не работает css в html

Здесь могла бы быть ваша реклама

Покинул форум
Сообщений всего: 4574
Дата рег-ции: Июль 2006
Откуда: Israel

Помог: 3 раз(а)

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

Само собой я знаю что ответят мне тут же, и если я посмотрю
на сообщения на форуме, то пойму что в общем то я и не ошибаюсь.
Но еще я точно замечу, что очень мало тем, в которых всего два ответа :
вопрос автора и еще два сообщение вида Ответ + Спасибо

После этого приходится начинать уточнять этим неграмотным что мне надо.
Они что, сами читать не умеют? А уточнять приходится.
И иногда пока они переварят то что я им скажу проходит и не одна ночь..

Уверен что если бы я им сказал что у меня есть
фиолетовый квадрат, и нужно превратить его в синий треугольник
и я пытался взять кисточку, макнуть в банку и поводить ей по квадрату
но почему то кисточка не принимала цвет краски в банке,
то на мой вопрос — где взять правильные банки мне бы ответили гораздо быстрее
предложив её открыть, а не тратить еще стольник на жестянку.

Поэтому с тех пор я строю свои вопросы по проверенной давным давно схеме:
Что есть
Что нужно получить
Как я пытался
Почему или что у меня не получилось.

На последок как оно происходит на форумах

Цитата:

Новичок: Подскажите пожалуста самый крепкий сорт дерева! Весь инет перерыл, поиском пользовался!
Старожил: Объясни, зачем тебе понадобилось дерево? Сейчас оно в строительстве практически не используется.
Новичок: Я небоскрёб собираюсь строить. Хочу узнать, из какого дерева делать перекрытия между этажами!
Старожил: Какое дерево? Ты вообще соображаешь, что говоришь?
Новичок: Чем мне нравиться этот форум — из двух ответов ниодного конкретного. Одни вопросы неподелу!
Старожил: Не нравится — тебя здесь никто не держит. Но если ты не соображаешь, что из дерева небоскрёбы не строят, то лучше бы тебе сначала школу закончить.
Новичок: Не знаите — лучше молчите! У меня дедушка в деревянном доме живёт! У НЕГО НИЧЕГО НЕ ЛОМАЕТСЯ.
Но у него дом из сосны, а я понимаю, что для небоскрёба нужно дерево прочнее! Поэтому и спрашиваю. А от вас нормального ответа недождёшся.
Прохожий: Самое крепкое дерево — дуб. Вот тебе технология вымачивания дуба в солёной воде, она придаёт дубу особую прочность:
Новичок: Спасибо, братан! То что нужно.

Отредактировано модератором: Uchkuma, 26 Апреля, 2011 — 10:21:12

Почему не работает css в html

Проблема такая начал пытаться делать сайт и столкнуся с такой проблемой создал файл главной страницы index.html и создал в папке css файл style.css все круто фон работает отдельно создал файл menu.css и подключил линком к .html но хтмл его полнстью нераспознает он правильно менюшку раставляет но картинки меню незагружает, но еше прикол в том что даже удаляя файл menu.css меню на страничке остается как и было с menu.css вот соуры

 "http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> "text/html; charset=windows-1251"> "text/css"> "stylesheet" type="text/css" href="css/style.css">  "stylesheet" type="text/css" href="menu.css">  Services  "menu"> "glossymenu"> "#"> Главная   "current">"#"> Компьютерные услуги   "#"> Автомобильные услуги   "#"> Услуги тамады   "#"> Музыкальные услуги   "#"> Разное   "#"> Жилье      

вот соур менюшки

.glossymenu < position: relative; padding: 0 0 0 34px; margin: 0 auto 0 auto; background: url("../img/menu1/menu_bg.gif") repeat-x; height: 46px; list-style: none; >.glossymenu li < float:left; >.glossymenu li a < float: left; display: block; color:#000; text-decoration: none; font-family: sans-serif; font-size: 13px; font-weight: bold; padding:0 0 0 21px; height: 46px; line-height: 46px; text-align: center; cursor: pointer; >.glossymenu li a b < float: left; display: block; padding: 0 24px 0 3px; >.glossymenu li.current a, .glossymenu li a:hover < color: #fff; background: url("../img/menu1/menu_hover_left.gif") no-repeat; background-position: left; >.glossymenu li.current a b, .glossymenu li a:hover b< color: #fff; background: url("../img/menu1/menu_hover_right.gif") no-repeat right top;

если отдельно создаю 2 файла css и html и папку images то все работает но при перемещении кода в оснавной код страницы в сервере или денвер перестает загружать фоны css на страницу

Хакер - не преступник. Взлом - для искусства. Смысл - в свободе.
Email: harrison99@mail.ru
ICQ: 363-328-882

Не работают CSS стили после переноса [РЕШЕНО]

п

После переноса сайта, в том числе и на новый домен, не работают CSS стили. Подскажите, пожалуйста, как решить эту проблему?

Вложение Размер
Иконка изображенияПример 199.44 КБ
  • Есть вопрос
  • Решение проблем
  • Блог
  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии

Комментарии

dropout 13 ноября 2015 в 15:30

права на папки проверяли?
Друпал обычно пишет почему не работают.

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

Megacybergluk 13 ноября 2015 в 15:36

Нет, друпал ничего не написал. Забыл уточнить так почти везде процентов 90 страниц.

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

bumble 13 ноября 2015 в 16:23

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

Megacybergluk 13 ноября 2015 в 16:34

Чистил. Права на всех файлах полные

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

bumble 13 ноября 2015 в 16:47

В логе точно нет сообщений про ошибку?
Стили вообще не выводятся в head? (Ctrl + U или Firebug / F12)
Скрипты подгружаются?
Как были подключены стили? Есть ли возможность что был прописан абсолютный путь к файлам?

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

Megacybergluk 13 ноября 2015 в 16:56

Только на главной, в остальных случаях ни одного упоминания css нету

Не знаю как проверить я нуб

Не понимаю вопроса, я просто перекинул базу данных, самое интересное что сначала все работало, а затем перестало(я только в модулях копался но ничего важного точно не трогал)

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

Вот http://www.drupal.ru/node/113697 у меня похожая ошибка была в начале но потом она перестала отображаться, не знаю почему, может тогда и Css перестало работать
Помогите пожалуйста

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

bumble 13 ноября 2015 в 17:19

Как можно помочь не имея никакой информации?
Делайте заново копии файлов, дамп базы и пробуйте заливать по новому.

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

Megacybergluk 13 ноября 2015 в 17:23

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

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

bumble 13 ноября 2015 в 17:31
Megacybergluk wrote:

http://www.drupal.ru/node/113697
Вот все то же самое только я не знаю что он редактировал чтобы эту проблему решить, ошибка та же в начале была.

Если бы читали до конца, то знали бы.
Там была беда в файле .htaccess
Перезалейте у себя, спросите у хостера есть ли у них ограничения на настройки.

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

Megacybergluk 13 ноября 2015 в 17:27

Такая же ошибка была но потом перестала отображаться а вместе с ней и css

"Та права проверил, но мне уже кажется, что дело не в правах. Когда я захожу в админку, то мне выдает вот такое:
warning: tempnam(): open_basedir restriction in effect. File() is not within the allowed path(s): (/var/www/inter/data:.) in /var/www/inter/data/www/intertelecom3g.com.ua/includes/file.inc on line 802.

warning: fopen(): Filename cannot be empty in /var/www/inter/data/www/intertelecom3g.com.ua/includes/file.inc on line 803.

Невозможно создать файл.

warning: file_get_contents(languages/ru_a8c031ee9211ecdacf4e6925c7a827ec.js): failed to open stream: No such file or directory in /var/www/inter/data/www/intertelecom3g.com.ua/includes/common.inc on line 2467.

warning: tempnam(): open_basedir restriction in effect. File() is not within the allowed path(s): (/var/www/inter/data:.) in /var/www/inter/data/www/intertelecom3g.com.ua/includes/file.inc on line 802.

warning: fopen(): Filename cannot be empty in /var/www/inter/data/www/intertelecom3g.com.ua/includes/file.inc on line 803.

Невозможно создать файл.
Думаю здесь надо капать. Может кто-то подскажет исходя из этого?"

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

bsyomov 14 ноября 2015 в 11:28

В настроках - Конфигурация - Мультимедиа - Файловая система, сменить "Временная папка" установить в /var/www/inter/datа/php-tmp, или другую, доступную для записи, и находящуюся под /var/www/inter/datа

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

Grayw0lf 13 ноября 2015 в 17:50

Проверьте доступна ли временная папка Конфигурация - мультимедиа - файловая система.

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

Megacybergluk 13 ноября 2015 в 18:48

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

Megacybergluk 13 ноября 2015 в 21:16

Кто нибудь, прошу помогите, я в отчаянии и не знаю что делать.

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

Переустановка не помогла?
Что говорит хостер по поводу .htaccess?

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

Megacybergluk 13 ноября 2015 в 22:12

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

Studio VIZA 13 ноября 2015 в 21:27

Сайт работает. В чём вопрос то?

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

Megacybergluk 13 ноября 2015 в 21:58

То что на скриншоте, сложно назвать работой.

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

Studio VIZA 13 ноября 2015 в 22:38
Megacybergluk wrote:
То что на скриншоте

Тот сайт что виден в коде. Или на локали попытка?

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

Megacybergluk 13 ноября 2015 в 23:39

Полноценный виртуальный сервер (сейчас делаю бэкап)

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

Что странно после восстановления папки модулей частично вернулась работа css, главное слово тут частично, не на всех страницах.

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

Megacybergluk 14 ноября 2015 в 2:00

Вот в чем причина я без понятия.

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

Drupal выдает такую ошибку.

Warning: file_put_contents(temporary://filemjLJ0X): failed to open stream: "DrupalTemporaryStreamWrapper::stream_open" call failed в функции file_unmanaged_save_data() (строка 1936 в файле /var/www/html/includes/file.inc).
Невозможно создать файл.

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

Строчка №1936 выглядит вот так:
if (file_put_contents($temp_name, $data) === FALSE)

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

Не уверена, что поможет. Но все же.
Проверьте пути в настройках файловой системы. Всякие папки tmp и для изображений. То, что требует друпал для безопасности.

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

Megacybergluk 14 ноября 2015 в 16:24

А можно пожалуйста поподробней?

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

bsyomov 14 ноября 2015 в 16:32
bsyomov wrote:

В настроках - Конфигурация - Мультимедиа - Файловая система, сменить "Временная папка" установить в /var/www/inter/datа/php-tmp, или другую, доступную для записи, и находящуюся под /var/www/inter/datа

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

dropout 14 ноября 2015 в 17:28

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

Проблема решена drupal 7 не выдержал php 5.6

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

xakd 14 ноября 2015 в 19:30

Точнее PHP 5.6.14-0+deb8u1

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

wp_enqueue_style() – подключение стилей CSS

Рекомендуемый метод подключения CSS-стилей в WordPress. Так же, как и wp_enqueue_script(), эта функция ставит файл в очередь на вывод. После этого выводит его в HTML либо между тегами , либо в футере сайта.

Если хотите узнать больше про правильное подключение CSS стилей WordPress, то могу порекомендовать вам мой видеоурок.

Стили выводятся в футере (перед ) только в том случае, если они были поставлены в очередь на вывод где-то в середине HTML-документа.

wp_enqueue_style( $handle, $src = false, $deps = array(), $ver = false, $media = 'all' )

Параметры функции wp_enqueue_style()

$handle (строка) рабочее название, идентификатор таблицы стилей, которую нужно подключить (поставить в очередь) $src (строка|логическое) абсолютный URL таблицы стилей на сайте. Этот параметр (а также все последующие) нужен только в том случае, если WordPress ещё не знает про таблицу стилей с указанным идентификатором, то есть, если она уже зарегистрирована при помощи wp_register_style(), то этот и последующие параметры отпадают. $deps (массив) зависимости от других CSS-файлов, то есть, если есть какие-то стили, которые нужно загрузить перед нашим подключаемым файлом, то нужно перечислить их идентификаторы в массиве $ver (строка|логическое) версия файла. По умолчанию — текущая версия WordPress. Можно указать null , тогда версия не будет указана вообще. Параметр нужен для того, чтобы посетитель получал актуальную версию файла, а не из кэша. Подробнее про параметр. $media (строка) атрибут media таблицы стилей. По сути означает — для каких устройств предназначен данный файл стилей, например all — для всех, print — для печати и т.д.

Почему CSS не подключается к HTML?

Хочу тем не менее также ответить вам и на этот вопрос. И правда, почему CSS-файл нельзя подключить напрямую к HTML, например вставить тег ?

Итак, вот почему – если вы подключите CSS напрямую в HTML, то с ним уже ничего нельзя будет сделать, по сути он будет захардкоден в вашей теме WordPress. Его нельзя будет отключить, плагины оптимизации не смогут его сжать или объединить с другими CSS-файлами, невозможно будет поменять порядок подключения с другими стилями.

Пример 1. Как подключить стили

Стили также можно подключать через хуки wp_enqueue_scripts (сайт) и admin_enqueue_scripts (админка WordPress).

add_action( 'wp_enqueue_scripts', 'true_stili_frontend', 25 ); function true_stili_frontend() { wp_enqueue_style( 'true_stili', get_stylesheet_directory_uri() . '/assets/true_stili.css' ); }

Теперь сделаем так, чтобы файл подключался только в админке:

add_action( 'admin_enqueue_scripts', 'true_stili_backend', 25 ); function true_stili_backend() { wp_enqueue_style( 'true_stili', get_stylesheet_directory_uri() . '/assets/true_stili.css' ); }

А что, если файл с указанным рабочим названием уже зарегистрирован через wp_register_style()? Тогда подключить его будет ещё проще.

add_action( 'wp_enqueue_scripts', 'true_stili_frontend', 25 ); function true_stili_frontend() { wp_enqueue_style( 'true_stili' ); }

Подробнее про кэширование и параметр $ver

Хотел бы чуть подробнее рассказать про варианты использования параметра $ver .

использование параметра $ver в функции wp_enqueue_style() в WordPress

  • По умолчанию параметр принимает значение false , при этом значении параметра в качестве версии ?ver= файла стилей будет использоваться текущая версия WordPress, поэтому я бы не рекомендовал оставлять это значение параметра.
  • Мы можем полностью отказаться от этого query string, если укажем значение параметра null , тогда ?ver= не будет добавляться в конце URL файла стилей.
  • Я иногда использую time() на своих тестовых сайтах, т.к. этот параметр возвращает текущее значение текущего UNIX-времени в секунду и значит, каждую секунду значение другое. Но это вариант для ленивых и только для тестовых сайтов, потому что полностью скипается любое кэширование.
  • Лучший вариант – filemtime() , которая позволяет получить значение UNIX-времени последнего обновления файла! Пример ниже.
wp_enqueue_style( 'true_stili', get_stylesheet_directory_uri() . '/assets/true_stili.css', array(), filemtime( get_stylesheet_directory() . '/assets/true_stili.css' ) );

Также можете почитать подробнее про функции get_stylesheet_directory_uri() и get_stylesheet_directory(), потому что у них есть одно принципиально важное отличие.

Если хотите узнать больше про правильное подключение стилей в WordPress, то могу порекомендовать вам мой видеоурок.

Пример 2. CSS для отдельной страницы

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

Скажу вам, что такое бывает нужно не очень часто, только в том случае, если одна единственная определённая страница сайта содержит огромное количество стилей, которые не используются где-либо ещё.

Например вы хотите подключить отдельный файл для страницы контактов:

add_action( 'wp_enqueue_scripts', 'true_stili_contacts', 25 ); function true_stili_contacts() { if( is_page( 'contacts' ) ) { wp_enqueue_style( 'true_stili', . ); } }

Пример 3. CSS специально для настроек плагина

В данном случае очевидно, что файл с таблицей стилей нужно использовать только на одной-единственной странице — странице настроек данного плагина. WordPress позволяет реализовать это при помощи специального хука.

Итак, предположим, у нас есть какой-то плагин, вставляем в него следующий код:

/* * Пример будет работать начиная с версии WordPress 2.6.3, */ add_action( 'admin_init', 'true_plugin_init' ); add_action( 'admin_menu', 'true_plugin_menu' ); function true_plugin_init() { /* * Сначала регистрируем стили * файл должен находиться в папке с выполняемым файлом плагина */ wp_register_style( 'trueplugin', plugins_url('true-plugin.css', __FILE__) ); } function true_plugin_menu() { /* * Создаем страницу настроек плагина, она будет находиться в разделе Параметры */ $page_suffix = add_submenu_page( 'options-general.php', 'True плагин', 'True плагин настройки', 'administrator', __FILE__, 'true_plugin_html' ); /* * Создаем хук, содержащий суффикс созданной страницы настроек $page_suffix */ add_action( 'admin_print_styles-' . $page_suffix, 'true_plugin_stili' ); } function true_plugin_stili() { /* * Ставим в очередь на вывод */ wp_enqueue_style( 'trueplugin' ); } function true_plugin_html() { /* * Собственно содержимое страницы настроек */ echo 'Это страница настроек'; }

Миша

Впервые познакомился с WordPress в 2009 году. Организатор и спикер на конференциях WordCamp. Преподаватель в школе Нетология.

Пишите, если нужна помощь с сайтом или разработка с нуля.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *