Друзья. Установил CKeditor подключил IMCE. В CKeditor нет равнения по середине картинок. Только влево или вправо. Внятного решения проблемы так же не нашел ни в Рунете, ни на западных сайтах, ни на офсайте редактора. Может кто подскажет, кто сталкивался и как решил?!
Комментарии
С такими словами:
Вы точно нигде и ничего не найдете.
А вообще, выравнивание по центру
margin: 0 auto;
}
Т.е. вы хотите сказать чисто в css темы задать класс, а потом его ручками каждый раз указывать при публикации новости?
Я ничего не хочу сказать, я написал как их выравнивают по центру.
Мне другое интересно, кто вообще выравнивает картинки по центру?
Хотите как тут что ли: http://doclimit.com/
Вам любой скажет что это отстой.
Вы ошибаетесь!
Ни кто не скажет отстой, для выравнивания картинки по центу!
Многие статьи используют картинку 70% ширины и выравнивают её по центру!
Вот и я 2 часа мучаюсь, хочу значёк Feedback поставить в центр блока, а под ним надпись "Обратная связь"
Я хочу как здесь например http://www.chartsinfrance.net/actualite/news-83540.html
И в каком месте там картинка по центру?
Она просто на всю ширину контента.
у меня в CKEditor есть "по центру".
Можно после добавления контента выбрать Формат ввода PHP и ручками дописать align="center" или что Вам нужно, "justify", vertical-align: middle, все, что хотите.
Niklan лучше подсказал
Вы уверены что у вас есть выравнивание именно изображения по центру? Вы как-то сами этого добились или было по умолчанию. Просто с этой проблемой не только я сталкивался судя по вопросам в инете. Но особо никто не решил именно в коде редактора...
Вы меня простите, я только увидел, что вы про 7-ку разговариваете, у меня 6-ая версия - там все есть. Еще раз прошу прощения.
Т.е. это получается глюк в семерке?
не знаю, наверное
Это выравнивание текста а не картинки.
Это выравнивание картинки (относительно текста), специально скриншот сделал из окна вставки картинки
Еще как выход - ставить картинку в table, а с ней уже делать что хочешь.
Опять же классом или в шаблоне сделать все картинки определенных типов нод, оборачиваемых table с align, margin...
Получилось именно в этом окне вставки, если указывать в окошке стиля vertical-align: middle. Большое вам спасибо за помощь С наступающим !!!
Ну, и.... какая это нахрен "помощь"? За что тут спасибо если каждый раз вручную при вставке фото приходится вставлять код vertical-align:middle ?? Если делать, так уж делать грамотно, чтобы был пункт "выравнивание по центру", который автоматически и вставлял бы этот код сам.
Коллеги, кто найдет решение, просьба отпишитесь.
Когда Вы в этом окошке сверху выбираете "по центру" - vertical-align: middle ставится автоматом. Если нужно полностью автоматически, можно в шаблоне добаить класс CSS и делать как угодно; можно в шаблоне сразу всё сделать; можно в модуле; можно PHP-проверку на тип ноды и картинку обернуть; можно в шаблоне таблицей сделать; хотите - сделайте пункт - выравнивание по центру, при сохранении ноды - проверка, стоит ли галочка, дальше один из вариантов выше.
Вариантов куча - вот Вам помощь.
А CSS?
Очень интересно, в чем "отстойность" выравнивания картинки на http://doclimit.com/ ???
Поясните плз.чайнику! Да и пример скорее неудачный, там CKeditor рядом не стоит-картинки
выводятся ССК полем... Пользователь имеет возможность не париться такими вопросами как центровка,масштаб,вес и т.д.
Две кнопки-"обзор","загрузка" и вся процедура вставки. Может Вам такой "отстой" как на http://doclimit.com/ как раз больше всего и подходит, можно
процентами настроить масштабируемость картинки (аналогично скриншотам и видеоплееру) если сайт резиновый (правда при этом снижается резкость изображения).
Хым.. всё ещё проще... вставляете картинку в CKEditor любым модулем (Сам использую "Insert"), выделяете её кликом, как если бы хотели выровнять по правому или левому краю, потом нажимаете стрелку "влево" или "вправо" на клавиатуре, таким образом оказываетесь не в теге 'img' или 'a' (в случае использования ColorBox), а в теге 'p' который её обрамляет, а там нажимаете выравнивание в самом параграфе по центру и оп - картинка в центре, если конечно у вас в CSS не задано, что 'a' и/или 'img' - должны стать блочными элементами.
Вот здесь так и делал: http://vtruda.ru/testy/prover-sebya-10-03-2016