Вход

Просмотр полной версии : Неккоректное отображение элемента содержимого "текст с изображением". Как бороться?

MAPNHKA
25.05.2011, 14:11
Переношу сайт на TYPO3. При создании элемента содержимого "изображение с тестом" и свойствах отображения элемента выбрать "посередине сверху" в firefox между картинкой и текстом появляется огромное расстояние, не связанное ни c margin, ни с прочими вещами. (см скрин). Если элементу прописать заголовок, расстояние исчезает. То же наблюдается при дабавлении 2х элементов: картинка и текст(в этом случае даже заголовок не помогает). В ie данной проблемы нет.
Прошу помощи в разрешении данной проблемы.
-=UncleByte=-
25.05.2011, 17:11
А doctype какой? А в каком из ie "проблемы нет"? А скриншот побольше есть?
MAPNHKA
25.05.2011, 17:50
В 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 и как можно писать шаблоны.