Question

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

Answer 1

В битрексе такой подход применяется в примерах. Можно сделать и включаемый файл.
По моему всёже лучше css хранить в теле если он не сильно объёмный, это позволяет видеть страницу сразу в нормальном виде, а не лицезреть что попало пока не догрузился файл стилей.

Answer 2

Добрый день, Деонис,

Это сделано для того, чтобы страница корректно догружала стили, что иногда сказывается на медленных каналах.

Вы можете самостоятельно скорректировать код пролога сайта и использовать подключение стилей в следующем виде:

<style><LINK href="/styles.php" type="text/css" rel="STYLESHEET"></style>

Где в файле /styles.php указать уже:

<? require($_SERVER["DOCUMENT_ROOT"]."/bitrix/php_interface/en/styles.css"); ?>

Answer 3

Цитата
Это сделано для того, чтобы страница корректно догружала стили, что иногда сказывается на медленных каналах.

вот это верно подмечено, лучше писать прямо в html'е весь код

Answer 4

тож небольшая проблемка с цсс, немогу загрузить картинки с помощью ее

Answer 5

вот пример цсс, который не работает почему то в битриксе

Код
background-image: url(тут путь к картинке);

внимание вопрос, какой путь нужно прописать для отображения картинки с помощью цсс?

Answer 6

Цитата
внимание вопрос, какой путь нужно прописать для отображения картинки с помощью цсс?

если путь абсолютный, то начните его со слеша /,
если путь относительный, всегда хорошенько помните, где лежит ваш файл .css (обычно он в папке /bitrix/templates/ваш_шаблон/), тогда и относительный путь к картинке надо высчитывать, соотносясь с этим.

Цитата
вот пример цсс, который не работает почему то в битриксе

в Битриксе правила CSS работают так же, как и обычно.

Answer 7

Спасибо, уже сам с этим разобрался дело в том что у меня закружалась картинка по след пути background-image:url(/bitrix/templates/мой_шаблон/images/картинка.jpg ), но как оказалось глюк был из-за того что неуказали в цсс ширину м высоту в конкретных единицах, была ширина 1000, а не 1000px. Вот из за этого и незагружалось у меня...

Answer 8

Стили лучше и логичнее хранить в отдельном файле(ах) стилей.
Что касается проблем с подгрузкой таких файлов, как тут писали, то насколько я помню, страница не загрузится пока не буду отработаны все включения в header.
Так что никаких проблем с некорректным отображением, из-за того что стили в отдельном файле, быть не может!

С уважением,
-Андрей

Answer 9

Цитата
Андрей пишет: Стили лучше и логичнее хранить в отдельном файле(ах) стилей.

С этим я согласен. Результирующий трафик будет меньше, т.к. браузер кеширует CSS-файлы.

Цитата
Андрей пишет: страница не загрузится пока не буду отработаны все включения в header

А вот с этим не могу согласиться. IE может так и пытается делать, хотя я на практике своими глазами не раз видел, как ему не удается сразу CSS загрузить. Но вот если взять Оперу, то она сразу вываливает страницу на экран, даже без стилей. У нее даже настройка есть: через сколько секунд после загрузки повторно отрендерить страницу.