Модуль Image. Картинка по центру

Главные вкладки

Аватар пользователя plabor plabor 18 апреля 2010 в 22:03

Модуль Image. Надо чтобы картинка была не у левого края, а по центру.
Долго искала в файлах .css куда прописать, но так и не нашла.
Возможно кто-то знает как сделать выравнивание картинки по центру при использовании модуля Image (Картинки)

Комментарии

Аватар пользователя VasyOK VasyOK 22 апреля 2010 в 2:15

Если картинка, создаваемая модулем имеет границу, например 200x200 px, а тема не особо резиновая то можно через CSS поставить одинаковое значение margin слева и справа (для прессета Image).

Покажите сайт (не стесняйтесь здесь все делают сайты), если хотите, чтобы я вам поточнее написал.

Аватар пользователя VasyOK VasyOK 25 апреля 2010 в 8:26

На основании, ссылок, которые я дал в style.css (в папке темы) можно прописать:

img.image-thumbnail
{
 margin: 0 40% 0 40%;
}

Может я и ошибся малость, можете почитать справку и предложить лучший вариант. Вышло ну почти по центру. И еще вам надо добавить отдельный прессет Image для той картинки, которая у вас в блоке. Или убрать блок.

Дейсвительно firebug поставьте и нажмите правой кнопкой мыши на картинку и Анализоровать элемент. Тогда поймете, как я ваше свойство нашел.

Аватар пользователя plabor plabor 26 апреля 2010 в 0:48

Я вначале не уточнила: картинка по центру при просмотре (не в самой галерее), т.е в моем случае выдало img.image-preview.

img.image-preview
{
 margin: 0 3% 0 3%;
}

Это работает, только не совсем по центру. При изменении масштаба (Ctrl+колесо мыши) картинка выдерживает проценты (от разрешения монитора, как я понимаю) слева, но не справа.

Аватар пользователя tech tech 23 ноября 2010 в 15:58

Возможно есть другой выход.

Создать класс не img, a div. Например: div.image. Описать его примерно так:

div.image {
.....
.....
.....
text-align: center;
}

Картинка тоже будет выравниваться по центру.