Стили CSS после создания сайта на MODx
Кнопки выравнивания в редакторе герерируют стили, которые надо дописывать в CSS-файл.
В таблицу стилей дописать:
p.justifyleft {text-align:left}
p.justifyright{text-align:right}
p.justifyfull{text-align:justify}
Кнопка выравнивания по центру генерирует сама внутренний стиль <p style="text-align: center;">, поэтому для нее стиль в таблице стилей не пишем.
Обтекание для изображений
img.justifyleft {
float:left;
margin: 5px 10px 5px 0px
}
img.justifyright {
float:right;
margin: 5px 0px 5px 10px
}
Если внутри абзаца есть только изображение без текста, то кнопка выравнивания абзаца по центру может не дать выравнивания ни абзаца, ни изображения по центру, поэтому в CSS можно дописать:
#content p img {display: block; margin-left: auto; margin-right: auto; max-width:100%}
или
#content p img {display: block; margin: 0 auto; max-width:100%}