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

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