подключение Less

**Dikucher** · 17.07.2013 21:04

Доброго времени суток.
Решил поближе познакомиться с less. Но сразу же возникла проблема с подключением
Вот как выглядит мой html

Код:

<!DOCTYPE html>
<html>
<head>
<title>Title</title>
<meta charset="utf-8" />
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
<link  rel="stylesheet" href="css/reset.css">
<link  rel="stylesheet" href="css/style.css">
<link rel="stylesheet/less" type="text/css" href="styles.less">
<script src="less.js" type="text/javascript"></script>
</head>
<body>
<div id="wrap">
<header class="top-site">

</header>

</div><!-- / wrap -->
</body>
</html>

в корне html файла находятся файл styles.less и less.js ( в который я запихнул код с офф сайта https://raw.github.com/less/less.js/...s-1.4.1.min.js )

Открываю файл styles.less, прописываю там 1 свойство для проверки

Код:

body {
      background: red;
}

И ничего не происходит.
Что я делаю не так ?

**DarkAngel-163** · 17.07.2013 21:39

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

проверьте ещё разочек расположение файлов. Посмотрите через FireBug или оперу пути к файлам, какой файл не открывается и т.д.

**Olexandr** · 17.07.2013 21:48

_http://wearekiss.com/simpless

**Dikucher** · 17.07.2013 22:32

вот что увидел в консоли хрома в Resources

Нажмите на изображение для увеличения. Название: 1.jpg Просмотров: 17 Размер: 60.3 Кб ID: 10716

Но не знаю, что мне с этим делать

**Dikucher** · 17.07.2013 22:55

есть еще 1 нюанс
Фон мой таки заработал если я открываю через мозилу и сафари.
На хроме, ИЕ10, опере без изменений. ( на хроме и опере webkit, походу на нем стоят какие то настройки блокировки, ну а ИЕ ...)

Ну вообщем вопрос по прежнему открыт, почему же webkit не видит less ?

**Morgan** · 17.07.2013 23:20

В хроме не работает, если открыть просто как файл в браузере. Но если делать то же самое на хостинге (денвере), то всё нормально.

**Dikucher** · 17.07.2013 23:46

На локальном сервере не проверял, но как по мне, это странное поведение.
Можно ли как-то хром заставить работать с less ?
( без локального сервера )

**Valerij** · 17.07.2013 23:46

Dikucher,less работает без проблем на хостинге, но.. малейшая ошибка в коде less и все вылетает,css это прощает. Если интиресно сейчас делаю сайт на less _moderator.com.ua

**Dikucher** · 18.07.2013 00:09

Valerij, показывает ли где ошибка ? ( редактор или при компиляции) использую webstorm и Winless.
Все равно планирую на конечном этапе компилировать .less в .css и подключать только .css без .less
По сайту, понравилось верхнее меню.
Недавно наткнулся на статью про верстку ссылок. Идея была в том, чтобы подчеркивание делать не через text-decoration: underline а через padding-bottom: 3px ,border-bottom : 1px solid #color. Просто как правило эта underline режет буквы снизу.

Проблема с web-kit остается открытой

**Valerij** · 18.07.2013 00:35

Dikucher,Я использую простой NotePad ++. Если вылетели стили более внимательно просматриваю less, и как правило видеш свою тупость и невнимательность

Есть прекрасный метод выявления ошибок "Ловля одного льва в пыстыне" (может ошибся с названием). Делиш пополом ВЕСЬ код и проверяеш в какой части ошибка, и так далее PS. Подключи modernizr.js

	17.07.2013 21:04 #1
Dikucher Студент Регистрация: 08.02.2013 Сообщений: 66 Репутация: 0	Доброго времени суток. Решил поближе познакомиться с less. Но сразу же возникла проблема с подключением Вот как выглядит мой html Код: <!DOCTYPE html> <html> <head> <title>Title</title> <meta charset="utf-8" /> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet/less" type="text/css" href="styles.less"> <script src="less.js" type="text/javascript"></script> </head> <body> <div id="wrap"> <header class="top-site"> </header> </div><!-- / wrap --> </body> </html> в корне html файла находятся файл styles.less и less.js ( в который я запихнул код с офф сайта https://raw.github.com/less/less.js/...s-1.4.1.min.js ) Открываю файл styles.less, прописываю там 1 свойство для проверки Код: body { background: red; } И ничего не происходит. Что я делаю не так ?
0 Dikucher

	17.07.2013 21:48 #3
Olexandr Студент Регистрация: 22.03.2012 Сообщений: 33 Репутация: 11 Webmoney BL: ?	_http://wearekiss.com/simpless
0 Olexandr

	17.07.2013 22:32 #4
Dikucher Студент Регистрация: 08.02.2013 Сообщений: 66 Репутация: 0	вот что увидел в консоли хрома в Resources Но не знаю, что мне с этим делать
0 Dikucher

	17.07.2013 22:55 #5
Dikucher Студент Регистрация: 08.02.2013 Сообщений: 66 Репутация: 0	есть еще 1 нюанс Фон мой таки заработал если я открываю через мозилу и сафари. На хроме, ИЕ10, опере без изменений. ( на хроме и опере webkit, походу на нем стоят какие то настройки блокировки, ну а ИЕ ...) Ну вообщем вопрос по прежнему открыт, почему же webkit не видит less ?
0 Dikucher

	17.07.2013 23:46 #7
Dikucher Студент Регистрация: 08.02.2013 Сообщений: 66 Репутация: 0	На локальном сервере не проверял, но как по мне, это странное поведение. Можно ли как-то хром заставить работать с less ? ( без локального сервера )
0 Dikucher

подключение Less

Опции темы

Спасибо сказали:

Спасибо сказали:

Тэги топика:

Похожие темы

Бесплатный SMS шлюз - подключение здесь!

Подключение qiwi магазина

Подключение E-commerce Google Analytics

Тем:

Сообщений:

Пользователей:

Сейчас на сайте:

Вход

Сайт

Разделы

Прочее

Следите за нами

Витрина ссылок

У нас проходит

У кого попросить инвайт?

Золотые темы форума

Последние новости

Популярные темы

Информеры

	17.07.2013 23:46 #8
Valerij Опытный Регистрация: 23.11.2012 Сообщений: 497 Репутация: 68 Webmoney BL: ?	Dikucher,less работает без проблем на хостинге, но.. малейшая ошибка в коде less и все вылетает,css это прощает. Если интиресно сейчас делаю сайт на less _moderator.com.ua
0 Valerij

	18.07.2013 00:09 #9
Dikucher Студент Регистрация: 08.02.2013 Сообщений: 66 Репутация: 0	Valerij, показывает ли где ошибка ? ( редактор или при компиляции) использую webstorm и Winless. Все равно планирую на конечном этапе компилировать .less в .css и подключать только .css без .less По сайту, понравилось верхнее меню. Недавно наткнулся на статью про верстку ссылок. Идея была в том, чтобы подчеркивание делать не через text-decoration: underline а через padding-bottom: 3px ,border-bottom : 1px solid #color. Просто как правило эта underline режет буквы снизу. Проблема с web-kit остается открытой
0 Dikucher

	18.07.2013 00:35 #10
Valerij Опытный Регистрация: 23.11.2012 Сообщений: 497 Репутация: 68 Webmoney BL: ?	Dikucher,Я использую простой NotePad ++. Если вылетели стили более внимательно просматриваю less, и как правило видеш свою тупость и невнимательность Есть прекрасный метод выявления ошибок "Ловля одного льва в пыстыне" (может ошибся с названием). Делиш пополом ВЕСЬ код и проверяеш в какой части ошибка, и так далее PS. Подключи modernizr.js Последний раз редактировалось Valerij; 18.07.2013 в 00:50.
-1 Valerij

Темы	Раздел	Ответов	Последний пост
Бесплатный SMS шлюз - подключение здесь!	Реклама партнерских программ	10	20.03.2013 22:50
Подключение qiwi магазина	Другая работа	5	13.04.2012 22:40
Подключение E-commerce Google Analytics	Web программирование	0	18.10.2011 18:03

подключение Less

Опции темы

Спасибо сказали:

Спасибо сказали:

Тэги топика:

Похожие темы

Бесплатный SMS шлюз - подключение здесь!

Подключение qiwi магазина

Подключение E-commerce Google Analytics

Тем:

Сообщений:

Пользователей:

Сейчас на сайте:

Вход

Сайт

Разделы

Прочее

Следите за нами

Баннеры

Витрина ссылок

У нас проходит

У кого попросить инвайт?

Золотые темы форума

Последние новости

Популярные темы

Информеры