Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Стили (CSS) не работает transitions при переносе вёрстки на DLE

не работает transitions при переносе вёрстки на DLE


     28.08.2012    Стили (CSS)    2162

вопрос
При наведение курсора на блок новости в html свойство transition у меня выводит текст, но когда я переписал свой шаблон с html для DLE, и заменил текст на тег { short-story } то у меня свойство transition не работает и текст не отображает при наведении курсора на блок.

* Кстати когда я в шаблон shortstory.tpl вставляю вместо тега { short-story } текст, то текст отлично работает. Думаю стиль CSS просто не ловит текст с { short-story } так как нужно поправить какое то значение в CSS. Сам не могу найти, прошу помощи. Буду очень благодарен.

Ответил: Dymatize


{ short-story } не просто выводит текст, он выводит его в собственном div, который тебе и мешает.
Вот твой исходный код
Показать / Скрыть текст


А вот так получается с { short-story }
Показать / Скрыть текст


Примерно такой див тебе и мешает текст { short-story }

Так что в стиль-классе с transition, в конце класса просто допиши слово div
Пример:
было .class-shortstory-transition {стили}
станет .class-shortstory-transition div {стили}

Комментарии пользователей (2)

ПафНутиЙ
1065

3396 | 2434

ПафНутиЙ - 28 августа 2012 07:53 - Админ

Для проверки возьмите исходный код краткой новости из браузера и воткните в вёрстку вместо текста Краткая новость 2 - сами всё увидите. вполне возможно что какие нибудь кавычки всё портят.

Каков вопрос - таков и ответ. Просто помните об этом.

Dymatize
6

111 | 104

Dymatize - 28 августа 2012 15:33 - Юзер.

{ short-story } не просто выводит текст, он выводит его в собственном div, который тебе и мешает.
Вот твой исходный код


А вот так получается с { short-story }


Примерно такой див тебе и мешает <div id="news-id-2711" style="display:inline;"> текст { short-story } </div>

Так что в стиль-классе с transition, в конце класса просто допиши слово div
Пример:
было .class-shortstory-transition {стили}
станет .class-shortstory-transition div {стили}

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы