Russian TYPO3 community

Russian TYPO3 community (http://forum.typo3.ru/index.php)
-   Общие вопросы (http://forum.typo3.ru/forumdisplay.php?f=12)
-   -   Неккоректное отображение элемента содержимого "текст с изображением". Как бороться? (http://forum.typo3.ru/showthread.php?t=9492)

MAPNHKA 25.05.2011 14:11

Неккоректное отображение элемента содержимого "текст с изображением". Как бороться?
 
Вложений: 1
Переношу сайт на TYPO3. При создании элемента содержимого "изображение с тестом" и свойствах отображения элемента выбрать "посередине сверху" в firefox между картинкой и текстом появляется огромное расстояние, не связанное ни c margin, ни с прочими вещами. (см скрин). Если элементу прописать заголовок, расстояние исчезает. То же наблюдается при дабавлении 2х элементов: картинка и текст(в этом случае даже заголовок не помогает). В ie данной проблемы нет.
Прошу помощи в разрешении данной проблемы.

-=UncleByte=- 25.05.2011 17:11

А doctype какой? А в каком из ie "проблемы нет"? А скриншот побольше есть?

MAPNHKA 25.05.2011 17:50

Вложений: 1
В SetUp doctype не прописывала, в штмл шаблоне
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Скриншот залила в жпег, побольше, вроде все на нем теперь читаемо.

-=UncleByte=- 25.05.2011 18:21

А у блочных элементов вокруг этого рисунка какие-то отступы есть?
Кстати, может быть не закрыт какой-то из элементов. Хорошо будет указать в TS шаблоне config.debug = 1 и посмотреть что и как.
Или поставить экстеншн sourceopt и включить в нем debug comment. Заодно и исходники страницы можно будет смотреть логично отформатированными.

MAPNHKA 25.05.2011 18:30

У блочных элементов отступов нет, смотрела FireBug'ом (на скрине видно). Просто непонятное пустое пространство...
Спасибо, вечером код посмотрю, и скину сюда штмл код шаблона.

MAPNHKA 26.05.2011 00:43

Спасибо огромное! Проблему решила.
Помогли установка doctype в Setup шаблона и добавление в css строк:

DIV.csc-textpic-left DIV.csc-textpic-text {
clear: none;
}

DIV.csc-textpic-above DIV.csc-textpic-text {
clear: none;
}

Сам typo3 генерит clear: both, что и явилось причиной проблемы.

-=UncleByte=- 26.05.2011 01:04

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


Часовой пояс GMT +4, время: 14:28.

Работает на vBulletin® версия 3.8.1.
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод: zCarot