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

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 и как можно писать шаблоны.

25.05.2011, 18:30	#5
MAPNHKA Новенький Регистрация: 10.11.2008 Сообщений: 6	У блочных элементов отступов нет, смотрела FireBug'ом (на скрине видно). Просто непонятное пустое пространство... Спасибо, вечером код посмотрю, и скину сюда штмл код шаблона. __________________ Все ещё только начинается...

26.05.2011, 00:43	#6
MAPNHKA Новенький Регистрация: 10.11.2008 Сообщений: 6	Спасибо огромное! Проблему решила. Помогли установка 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, что и явилось причиной проблемы. __________________ Все ещё только начинается...

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Сделать ссылку с элемента "Текст с изображением"	dmartynenko	Общие вопросы	2	22.05.2009 17:11

25.05.2011, 17:11	#2
-=UncleByte=- Senior Member Регистрация: 14.04.2006 Сообщений: 1,159	А doctype какой? А в каком из ie "проблемы нет"? А скриншот побольше есть?

25.05.2011, 18:21	#4
-=UncleByte=- Senior Member Регистрация: 14.04.2006 Сообщений: 1,159	А у блочных элементов вокруг этого рисунка какие-то отступы есть? Кстати, может быть не закрыт какой-то из элементов. Хорошо будет указать в TS шаблоне config.debug = 1 и посмотреть что и как. Или поставить экстеншн sourceopt и включить в нем debug comment. Заодно и исходники страницы можно будет смотреть логично отформатированными.

26.05.2011, 01:04	#7
-=UncleByte=- Senior Member Регистрация: 14.04.2006 Сообщений: 1,159	Это стили от css_styled_content, которые по сути своей не догма, а если учесть что можно еще и переключать режимы рендеринга в своем TS шаблоне, то все становится еще интереснее. Настоятельно советую ознакомиться с setup.txt css_styled_content - отличное наглядное пособие по тому как вообще работает TS и как можно писать шаблоны.