Подскажите пожалуйста как выровнять картинку в записи, которая вставляется через поле "фото". Ширина блока получается 700px, всталяю картинку с шириной 700px, она обрезается автоматом до 639px, тоесть получается см. прикреплённое фото. Как сделать, чтобы фото было ровно по центру, либо не было пробелов по краям.
PS: ICMS 2.1.1
Как выровнять картинку
ЕСТЬ РЕШЕНИЕ
ЗАКРЫТО
Прикрепленный файл
_7phfk.jpg
142 Кб
#2
6 сентября 2014 в 22:26
Не могу сказать про обрезку наверняка, нет под рукой двойки, а выравнять по центру блок через CSS:
через HTML:
Есть и другие методы, всё зависит от кода и задачи.
margin:0 auto;
<center> <div id="..."></div> </center>
#3
6 сентября 2014 в 23:14
Нужно стереть фиксированный размер (width:; и height:;) и прописать overflow:hidden; для блока в котором лежит фото в цсс.
Сегодня в 15:24
Ещё бы найти этот блок, нашёл что то похожее в файле theme-content.css 462 строка, но это походу не то
#5
7 сентября 2014 в 19:00
Правая кнопка мыши на изображении -> Проинспектировать элемент (или Просмотр кода элемента, или Исследовать элемент, в зависимости от браузера). Во вложенном окне будет иерархия html-тегов и стили, которые применены к каждому элементу с указанием файла CSS и номером строки.
#6
7 сентября 2014 в 23:23
ссылку в личку. скажу что и где исправить
#7
8 сентября 2014 в 09:02
За оформление вывода картирки отвечает ктод (в вашем случаи) с 456 по 465Ещё бы найти этот блок, нашёл что то похожее в файле theme-content.css 462 строка, но это походу не то
// блок в котором размещена картирка .content_item .ft_image { } // сама картинка .content_item .ft_image img { }
#8
8 сентября 2014 в 09:32
Колёк, попробуйте
Кстати, а каким образом обрезается-то фото? А то я уже давно вас понять не могу что-то. :)
.content_item .ft_image img { text-align: center; margin:0 auto; } .content_item .ft_image { margin:0 auto; overflow:visible; }
#9
8 сентября 2014 в 14:01
открываете файл theme-content.ss
находите строку 459 и после нее вставляете width: 100%; (класс .content_item .ft_image)
находите строку 463 .content_item .ft_image img, после display: block вставляете margin: 0 auto
сохраняете и все....
а картинка у вас обрезается системой (ужимается)
находите строку 459 и после нее вставляете width: 100%; (класс .content_item .ft_image)
находите строку 463 .content_item .ft_image img, после display: block вставляете margin: 0 auto
сохраняете и все....
а картинка у вас обрезается системой (ужимается)
#10
8 сентября 2014 в 15:18
Спасибо всем кто откликнулся, проблема решена. Отдельное спасибо и + в карму balooo