Как лучше всего изменить CSS элемента содержимого в Typo3?

Я создаю веб-страницу со списком сотрудников компании. Каждому сотруднику должно быть предоставлено собственное поле с текстом слева и их изображением справа. Для этого я использовал элемент содержимого «Текст и изображения» для каждого сотрудника.

Однако параметры выравнивания изображения не позволяют мне размещать изображение справа от текста с помощью переноса текста (все параметры - параметры без переноса). Как лучше всего убедиться, что картинки заканчиваются справа от текста?

Это пример изображения, выровненного по правому краю с обтеканием.

Кроме того, мне также хотелось бы стилизовать границу каждого элемента содержимого «Текст и изображения». Как мне это сделать?


typo3 typo3-9.x
person Romi    schedule 15.06.2019    source источник

Ответы (1)


arrow_upward
1
arrow_downward

При использовании элемента содержимого «Текст и изображения» у вас есть следующие параметры относительно положения изображений и текста:

  • Вверху по центру
  • Вверху слева
  • Вверху справа
  • Внизу по центру
  • Внизу слева
  • Внизу справа
  • В тексте справа
  • В тексте слева
  • Рядом с текстом справа
  • Рядом с текстом слева

и «В тексте, справа», и «В тексте, слева» оборачивают изображение текстом, как на следующем рисунке:

введите здесь описание изображения

Если у вас меньше опций, есть некоторый TSConfig, который ограничивает количество опций; это может быть что-то вроде

TCEFORM.tt_content.imageorient.removeItems = 17,18

Что касается CSS, у вас есть несколько способов включить свой; например, вы можете добавить свой собственный файл, используя page.includeCSS , как описано здесь, или вы можете перезаписать TypoScript, включенный в Fluid Styled Content, своим собственным (см. plugin.tx_frontend._CSS_DEFAULT_STYLE) в Анализаторе шаблонов.

Чтобы включить CSS по умолчанию, вы должны включить Static TypoScript Fluid Content Elements CSS (optional) (fluid_styled_content) в свой шаблон, как на этом рисунке:

Шаблон TypoScript - включить статические файлы

Кроме того, я бы использовал инспектор, чтобы убедиться, что CSS не был случайно переопределен.

person Riccardo De Contardi    schedule 15.06.2019
comment
Спасибо! Теперь я использую опцию «справа, в тексте» на изображениях, и я вижу, что на изображениях используются правильные классы div, но они по-прежнему отображаются вверху справа над текстом, а не в строке справа от текст. Ты хоть представляешь, почему это может быть так? - person Romi; 20.06.2019