Как выровнять картинку

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО

#1 6 сентября 2014 в 18:36

Подскажите пожалуйста как выровнять картинку в записи, которая вставляется через поле "фото". Ширина блока получается 700px, всталяю картинку с шириной 700px, она обрезается автоматом до 639px, тоесть получается см. прикреплённое фото. Как сделать, чтобы фото было ровно по центру, либо не было пробелов по краям.

PS: ICMS 2.1.1

Прикрепленный файл

_7phfk.jpg 142 Кб

#2 6 сентября 2014 в 22:26

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

margin:0 auto;

через HTML:

<center>
<div id="..."></div>
</center>

Есть и другие методы, всё зависит от кода и задачи.

#3 6 сентября 2014 в 23:14

Нужно стереть фиксированный размер (width:; и height:;) и прописать overflow:hidden; для блока в котором лежит фото в цсс.

Люблю эту CMS! Я немного художествую тут: http://virelart.ru :) Пока по большей части выкладываюсь тут vk.com/virelart. p.s.: пасибки можно в карму :3

Сегодня в 12:51

#4 7 сентября 2014 в 08:36

Ещё бы найти этот блок, нашёл что то похожее в файле theme-content.css 462 строка, но это походу не то

Спойлер

#5 7 сентября 2014 в 19:00

Правая кнопка мыши на изображении -> Проинспектировать элемент (или Просмотр кода элемента, или Исследовать элемент, в зависимости от браузера). Во вложенном окне будет иерархия html-тегов и стили, которые применены к каждому элементу с указанием файла CSS и номером строки.

#6 7 сентября 2014 в 23:23

ссылку в личку. скажу что и где исправить

#7 8 сентября 2014 в 09:02

Ещё бы найти этот блок, нашёл что то похожее в файле theme-content.css 462 строка, но это походу не то
Колёк

За оформление вывода картирки отвечает ктод (в вашем случаи) с 456 по 465

 
// блок в котором размещена картирка
.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

сохраняете и все....

а картинка у вас обрезается системой (ужимается)

#10 8 сентября 2014 в 15:18

Спасибо всем кто откликнулся, проблема решена. Отдельное спасибо и + в карму balooo

Не выбираются позиции показа м

Статусы пользователей

Как выровнять картинку

Похожие темы

Выравнивание пунктов главного меню в шаблоне Modern.

[ЕСТЬ РЕШЕНИЕ] Выровнять текст с кнопками поделиться с друзьями в социальных сетях

Выровнять сетку в шаблоне modern

[ЕСТЬ РЕШЕНИЕ] Картинки в каталоге статей

как сделать свою картинку или слайдер вверху?

[ЕСТЬ РЕШЕНИЕ] Alt ко всем загружаемым картинкам

InstantCMS Team

О проекте

Поддержка

Дополнения