Выделение первой картинки

[IgorA100 90]

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]

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]

попробуйте так: "width:auto !important;" вместо "width: 120px !important;" - будет по содержимому блок стоять. Оно?

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

[zgr 72]

Так это стиль картинок? Приведите полный кусок кода, а то так трудно догадаться, что именно и где нужно Можен, скрин для наглядности прицепите?

Изменено 14 июля 2010 пользователем zgr

[IgorA100 90]

Так это стиль картинок?

Это строчка из стиля для класса

.news-text

в нем выводится новость и не важно какая краткая, полная, по кастому и т.п. Есть класс вывода новости. Используется в шаблоне так:

<div class="news-text">{short-story}</div>

img:first-child

- это применяется к тегу первой картинки в классе. Т.е. первой картинке в классе

.news-text

задается определенный стиль. И этот стиль применяется еще и к картинкам при быстром редактировании

Скриншот:

ЗЫ: Шаблоны тут не причем, т.к. и на официальных наблюдается тоже самое, если задавать стиль для первой картинки новости.

[zgr 72]

По ходу вы вообще не там копаете, у вас скорее "дивы" поплыли, а не картинки.

Либо, если это картинки... Задайте картинкам стили - они главнее классов, скриптов, идов и прочего. Файл: /engine/modules/bbcode.php Если несколько картинок выравняются, то всем стили пропишите в движок, либо нормальный CSS напишите со всеми ДОМ-путями.

В любом случае, можно использовать ДОМ, если идет перекрытие стилей, - что вам мешает?

Всякие ноухау с ДОМом, типа: "img:first-child" только новые браузеры поддерживают, и то, вроде, не все еще. Осёл ИЕ вообще тупит, не поддерживает чуть ли не треть того, что поддерживает, например, Мозила, Хром и Опера.

П.С. Браузеры все так отображают?

Проверьте класс: 'class="news-text"' - вы его больше случайно нигде не прописывали?

Изменено 15 июля 2010 пользователем zgr

[IgorA100 90]

Сегодня при тестовом обновлении на 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 076]

ЗЫ: Хорошо бы в дистрибутиве это заменить

Это находится не в дистрибутиве, а в стандартном шаблоне, а стандартному шаблону это вообще не нужно, а в своих шаблонах, вы и должны делать свои свойства в классах, для этого они и существуют.

[IgorA100 90]

ЗЫ: Хорошо бы в дистрибутиве это заменить

Это находится не в дистрибутиве, а в стандартном шаблоне

Прошу прощения за не точную формулировку. Хотя, по Законодательству РФ, шаблоны являются неотъемлемой частью дистрибутива DLE

а стандартному шаблону это вообще не нужно, а в своих шаблонах, вы и должны делать свои свойства в классах, для этого они и существуют.

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

В общем все ИМХО.