Списки при этом, в визуальном редакторе не отображаются, так как верстка дивовая, и буллеты "вылазят" за края дива в котором #WORK_AREA# находится.
Задаю значит спискам маргин, паддинг, теперь они как-бы внутри, но редактор в визуальном режиме редактирования страницы всеравно не показывает... как быть? Все эти списки конечно можно в режиме кода править, но формировать контент будут при помощи визуального редактора... Без звездочки мне не обойтись... вся верстка полетит... очень много времени придется править стили...
Подскажите, что можно сделать?
Профессионально занимаюсь версткой и интеграцией оной в шаблон «1С-Битрикс» beskrovnyy.com
style.css используется только для визуальщины (его как раз и подключает виз.редактор). template_style.css чтобы уже окончательно сформировать отображение (его уже редактор не трогает). Причем последний подрубается последним.
Идею поняли? Скорее всего у вас все стили в style.css запиханы. Перетащите их в template_style.css
Спасибо огромное, Антон, без Вас ковырял бы мануалы до разжижения мозгов, +1
У меня template_style.css вообще пустой был) все пихал в style.css. Запихал все стили в template_style.css и действительно теперь в редакторе все таймсньюроманом и без форматирования)
Визуальный редактор теперь все как нужно показывает
Как я теперь понял, всю оформительскую часть, шрифты, цвет, и т.д. нужно хранить в style.css, а что касается "каркасной" части отступы, размеры блоков, т.е. все то, что в визуальном редакторе не нужно, следует пихать в template_style.css?
Можете, руководствуясь опытом прокомментировать немного использование этих двух файлов. В документации как-то не очень мягко говоря понятно написано про это...
Профессионально занимаюсь версткой и интеграцией оной в шаблон «1С-Битрикс» beskrovnyy.com
Евгений Бескровный пишет: Можете, руководствуясь опытом прокомментировать немного использование этих двух файлов. В документации как-то не очень мягко говоря понятно написано про это...
Я обычно делаю так - всю работу верстальщика (CSS) размещаю в template_style. Отлаживаю отображение на сайте, и уже в самом конце перехожу к редактору - чисто чтобы было приятно с ним работать. Меня например раздражает Timew New Roman, я ставлю шрифт помягче и размещаю его уже в style.css:
Код
body {font-family:...}
Если мне надо что-то еще отображать по особому в редакторе (например. , все ссылки чтобы были зеленые), то определяю и их.
Еще обычно применяется, когда у сайта нестандартный фон, например body(background-color: Gray), тогда можно для редактора пустить наоборот - фон белым, шрифт черным.
Ну и как минимум, я ставлю паддинг для редактора:
Код
body {
margin: 5px;
padding: 5px;
}
Чтобы текст в редакторе не прижимался к краям.
Если никаких удобств не требуется для редактора, то style.css можно вообще оставлять пустым, так как в современной верстке довольно сложно отделить часть CSS, отвечающую за расположение блоков, от части, отвечающую за шрифты.