Перейти к публикации

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


Рекомендованные сообщения

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рх

Блин, голову сломал уже, как победить такое расползание... :(

Ссылка на сообщение
Поделиться на других сайтах

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;" - будет по содержимому блок стоять. Оно?

Ссылка на сообщение
Поделиться на других сайтах

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

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

Ссылка на сообщение
Поделиться на других сайтах

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

Изменено пользователем zgr
Ссылка на сообщение
Поделиться на других сайтах

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

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

.news-text
в нем выводится новость и не важно какая краткая, полная, по кастому и т.п. Есть класс вывода новости. Используется в шаблоне так:
<div class="news-text">{short-story}</div>
img:first-child
- это применяется к тегу первой картинки в классе. Т.е. первой картинке в классе
.news-text

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

Скриншот: 8187d9a140e7t.jpg

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

Ссылка на сообщение
Поделиться на других сайтах

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

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

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

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

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

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

Изменено пользователем zgr
Ссылка на сообщение
Поделиться на других сайтах
  • 1 месяц спустя...

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

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

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

ЗЫЗЫ: Неужели никто больше не сталкивался с такой проблемой? Я такой один "извращенец" что-ли? B)

Ссылка на сообщение
Поделиться на других сайтах

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

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

Ссылка на сообщение
Поделиться на других сайтах

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

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

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

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

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

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

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...