IgorA100 90 Опубликовано: 13 июля 2010 Рассказать Опубликовано: 13 июля 2010 www.kentavr.com.ru Имеем стиль: .news-text img:first-child {display: block; width: 120px !important; float: left; padding: 3px 12px 0px 0px;} Имеем в новости: <div class="news-text">{short-story}</div> При быстром редактировании такой новости иконки BB и wysiwyg редакторов расползаются на ширину 120рх Блин, голову сломал уже, как победить такое расползание... Цитата Ссылка на сообщение Поделиться на других сайтах
zgr 72 Опубликовано: 13 июля 2010 Рассказать Опубликовано: 13 июля 2010 www.kentavr.com.ru Имеем стиль: .news-text img:first-child {display: block; width: 120px !important; float: left; padding: 3px 12px 0px 0px;} Имеем в новости: <div class="news-text">{short-story}</div> При быстром редактировании такой новости иконки BB и wysiwyg редакторов расползаются на ширину 120рх Блин, голову сломал уже, как победить такое расползание... попробуйте так: "width:auto !important;" вместо "width: 120px !important;" - будет по содержимому блок стоять. Оно? Цитата Ссылка на сообщение Поделиться на других сайтах
IgorA100 90 Опубликовано: 14 июля 2010 Рассказать Опубликовано: 14 июля 2010 Автор попробуйте так: "width:auto !important;" вместо "width: 120px !important;" - будет по содержимому блок стоять. Оно? Но ведь в этом случае и первая картинка в классе будет родной ширины, а нужно, что-бы первая картинка имела определенный размер. Цитата Ссылка на сообщение Поделиться на других сайтах
zgr 72 Опубликовано: 14 июля 2010 Рассказать Опубликовано: 14 июля 2010 (изменено) Так это стиль картинок? Приведите полный кусок кода, а то так трудно догадаться, что именно и где нужно Можен, скрин для наглядности прицепите? Изменено 14 июля 2010 пользователем zgr Цитата Ссылка на сообщение Поделиться на других сайтах
IgorA100 90 Опубликовано: 15 июля 2010 Рассказать Опубликовано: 15 июля 2010 Автор Так это стиль картинок? Это строчка из стиля для класса .news-text в нем выводится новость и не важно какая краткая, полная, по кастому и т.п. Есть класс вывода новости. Используется в шаблоне так: <div class="news-text">{short-story}</div> img:first-child - это применяется к тегу первой картинки в классе. Т.е. первой картинке в классе .news-text задается определенный стиль. И этот стиль применяется еще и к картинкам при быстром редактировании Скриншот: ЗЫ: Шаблоны тут не причем, т.к. и на официальных наблюдается тоже самое, если задавать стиль для первой картинки новости. Цитата Ссылка на сообщение Поделиться на других сайтах
zgr 72 Опубликовано: 15 июля 2010 Рассказать Опубликовано: 15 июля 2010 (изменено) По ходу вы вообще не там копаете, у вас скорее "дивы" поплыли, а не картинки. Либо, если это картинки... Задайте картинкам стили - они главнее классов, скриптов, идов и прочего. Файл: /engine/modules/bbcode.php Если несколько картинок выравняются, то всем стили пропишите в движок, либо нормальный CSS напишите со всеми ДОМ-путями. В любом случае, можно использовать ДОМ, если идет перекрытие стилей, - что вам мешает? Всякие ноухау с ДОМом, типа: "img:first-child" только новые браузеры поддерживают, и то, вроде, не все еще. Осёл ИЕ вообще тупит, не поддерживает чуть ли не треть того, что поддерживает, например, Мозила, Хром и Опера. П.С. Браузеры все так отображают? Проверьте класс: 'class="news-text"' - вы его больше случайно нигде не прописывали? Изменено 15 июля 2010 пользователем zgr Цитата Ссылка на сообщение Поделиться на других сайтах
IgorA100 90 Опубликовано: 25 августа 2010 Рассказать Опубликовано: 25 августа 2010 Автор Сегодня при тестовом обновлении на 9.0, решил докопаться до истины проблемы. И вот результат. В стилях ВСХ шаблонов идущих в комплекте с ДЛЕ прописано: .editor_button img {margin: 0; padding: 0;} .editbclose img {margin: 0; padding: 0;} .editor_button_brk img {margin: 0; padding: 0;} Естественно что класс любой новости будет "Оборачивать" и вышеназванные классы при быстром редактировании. Следовательно используя "img:first-child" для короткой новости это применяется и к редактору. ИМХО в стилях более корректно такое задание: .editor_button img {display:block !important; margin: 0 !important; padding: 0 !important;} .editbclose img {display:block !important; margin: 0 !important; padding: 0 !important;} .editor_button_brk img {display:block !important; margin: 0 !important; padding: 0 !important;} В этом случае при редактировании новости будут игнорироваться настройки для вывода картинок и как результат - корректная работа редактора. ЗЫ: Хорошо бы в дистрибутиве это заменить ЗЫЗЫ: Неужели никто больше не сталкивался с такой проблемой? Я такой один "извращенец" что-ли? Цитата Ссылка на сообщение Поделиться на других сайтах
celsoft 6 068 Опубликовано: 25 августа 2010 Рассказать Опубликовано: 25 августа 2010 ЗЫ: Хорошо бы в дистрибутиве это заменить Это находится не в дистрибутиве, а в стандартном шаблоне, а стандартному шаблону это вообще не нужно, а в своих шаблонах, вы и должны делать свои свойства в классах, для этого они и существуют. Цитата Ссылка на сообщение Поделиться на других сайтах
IgorA100 90 Опубликовано: 25 августа 2010 Рассказать Опубликовано: 25 августа 2010 Автор ЗЫ: Хорошо бы в дистрибутиве это заменить Это находится не в дистрибутиве, а в стандартном шаблоне Прошу прощения за не точную формулировку. Хотя, по Законодательству РФ, шаблоны являются неотъемлемой частью дистрибутива DLE а стандартному шаблону это вообще не нужно, а в своих шаблонах, вы и должны делать свои свойства в классах, для этого они и существуют. Не соглашусь, так-же как и те, кто наступил или наступит на такие грабли. Да, никто не возражает, что в стандартном шаблоне и без импортанта будет все работать, но ведь большинство за основу берет именно стандартный шаблон и начинает его переделывать в свой. Написать с нуля шаблон дело весьма не простое, и сродни написанию движка В общем все ИМХО. Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.