Помогите выровнять по центру превью изображения

Stan.Ezersky 6 ноября 2009 в 4:35

"kompas" wrote:
div.odd, div.even {float: center; margin-right: 1px; }
div.field-label {display: none; }

А чьто такое float: center;? Или left или right! Учите матчасть-)

div.field-label лишнее. Отключается в Display fields, в настройках материала

VasyOK 6 ноября 2009 в 11:07

Вы бы сайтик показали. И указали бы что именно подправить хотите.

kompas 6 ноября 2009 в 13:39

VasyOK адрес в личку отправил

Stan.Ezersky про матчасть верно подметили - я в ней очень слаб. Основывался на этой статье http://habrahabr.ru/blogs/drupal/47205/. Там в конце ее похожая инструкция. Но как сделать так, чтобы превьюшка выравнивалась по центру? Что-то не понял пока ваших слов

Stan.Ezersky 6 ноября 2009 в 13:44

"kompas" wrote:
Что-то не понял пока ваших слов

.ImageContainer a img {text-align: center; }
Где, .ImageContainer - обёртка от картинки

kompas 6 ноября 2009 в 13:58

Вот инструкция к которой я пытаюсь подстроиться:

Quote:

Идём в Administer/Site building/Blocks и создаём новый блок.
Block Description: Gallery CSS
Block title: Block body:
<?php
drupal_add_css('sites/all/themes/image-style.css','theme');
?>

Input format: PHP code
Сохраняем (Save block). Регион для созданного блока выбираем Header

как должно получиться:

Теперь сделаем css-файлик со следущими данными:

div.odd, div.even {float: left; margin-right: 5px; }
div.field-label {display: none; }

Создал нужный блок и задал ему регион заголовка
Создал этот файл sites/all/themes/image-style.css
и теперь в нем написал:

.ImageContainer a img {text-align: center; }

Ничего не изменилось
Где туплю?

Stan.Ezersky 6 ноября 2009 в 14:03

Аддон к Firefox Firebug
Измените ImageContainer на нужный класс

kompas 6 ноября 2009 в 14:08

эмм... кто-нибудь может внятно объяснить, что нужно сделать или забить?

Stan.Ezersky не будем занимать друг у друга время, раз не можете толком помочь

Stan.Ezersky 6 ноября 2009 в 14:13

kompas, если у вас проблемы с xHTML и CSS, то это ваша вина. Я вам решением написал. Включите мозг.

kompas 6 ноября 2009 в 14:22

я по-моему уже написал что у меня проблемы с css - походу это вам нужно что-то включать... а я просто не понимаю что вы говорите, потому как практически не знаком с синтаксисом css! Не можете поступиться своими принципами, снизойти до пользовательского уровня и помочь практическим примером не забивайте плиз ветку! Если никто не ответит, значит никто... не так это важно. Я тупо прошу помочь записать нужные мне строчки... или указать на принципиальные ошибки - например в подключении файла. На остальное у меня нет пока ни времени, ни желания!

Stan.Ezersky 6 ноября 2009 в 14:27

Просто напишите здесь класс обёртки от картинки (div), которую хотите центрировать.

kompas 6 ноября 2009 в 14:28

Вопрос остается в силе.
Stan.Ezersky не пишите здесь плиз больше. Ну не судьба нам с вами понимать друг друга!

VasyOK 6 ноября 2009 в 14:38

Компас, вы от меня письмо читали?
Если читали, ответьте что именно вам на сайте хочется изменить. Так и пишите
"На моем сайте на такой-то странице есть фото дерева, оно у меня сбоку, я хочу чтобы оно было посредине. Поле этого фото сделано таким-то модулем ... "

kompas 6 ноября 2009 в 15:45

VasyOK отправил ответ.Расписал как сумел.

VasyOK 6 ноября 2009 в 16:00

Ну ниче Компас, ваша проблема решаема. Выставите разрешения, чтобы я смог увидеть ваше поле с фото.

А еще буду очень рад если вы постараетесь включить чистые ссылки (необязательно) и сделать способ загрузки файлов (публичный) - на время решения вашей проблемы.

kompas 6 ноября 2009 в 21:23

Разрешения выставил, а вот чистые ссылки поставить не могу - сервер их не поддерживает. и если ставлю публичный метод загрузки, превьюшка вообще не отображается

Продублировал ответ на мыло. Здесь потом могу расписать решение проблемы, если вы поможете ее решить.

VasyOK 7 ноября 2009 в 13:14

Зато у меня теперь видно изображение "Закат". Или вы его сделали другим модулем?

kompas 7 ноября 2009 в 13:50

нет, просто нужно было выставить разрешения. модуль все тот же imagecache + imagefiled

по прежнему жду помощи по центровке

VasyOK 7 ноября 2009 в 23:54

Так, Компас, учитывая, что ширина поля у вас 500px, а разбираться в CSS вам лень (мне кстати тоже), предлагаю вам простое решение, в CSS темы выставить:

.node img {
margin:5px 4%;
}

Это решение можно покритиковать, но оно работает.

Если для полей, созданных imagecache + imagefiled будете указвать разные высоту и ширину, тогда уже придется поизвращаться больше. Так что не делайте этого.

kompas 8 ноября 2009 в 2:42

Замечательно!
Не знаю пока в чем подвох,но пока эффект именно тот, который и ожидался.

Спасибо!

p.s. дело совсем не в лени изучения css, на него просто тупо пока не хватает умственных ресурсов, полно других проблем, на которые и уходит всё время. Возможно на вашем примере при случае и попробую начать изучение этих каскадных таблиц.

VasyOK 8 ноября 2009 в 3:32

А вы Firebug уже поставили? У вас же наверняка будут еще такие вопросы?

kompas 8 ноября 2009 в 12:24

я оперой пользуюсь, хотя раз второй человек советует, то уже надо будет наверное глянуть, что это за плагин

VasyOK 8 ноября 2009 в 14:29

Да надо. Ставите его, наводите мышкой на любой элемент (к примеру ваше поле) выбираете "Анализировать элемент" и в CSS (правое нижнее окно) увидите стиль элемента и сможете изменить.

А с Оперой есть проблемы при редактировании материала. Я рад если вы их решили.

kompas 8 ноября 2009 в 18:03

Хм, у меня как-то нет проблем вроде с оперой вообще нигде. Версия 9.63
В ранних версиях не отображался высвиг, но сейчас всё окей. Спасибо за подробности по Firebug

VasyOK 5 декабря 2009 в 11:43

Компас, вы меня извините, только сейчас понял какую глупость я вам посоветовал.

Если вы вставляете изображения в статьи не только с помощью imagecache + imagefiled, а и средствами редактора (FCKEditor или Tinyimce), сделайте следуйщее:
1) Вставьте изображение в статью средствами редактора
2) Опять же средствами редактора, выровняйте изображение влево или вправо
3) Если не получается напишите пожалуйста.

kompas 5 декабря 2009 в 18:53

Не знаю насчет глупости, но что касается центровки вроде все нормально пока работает. Если через fck, то картинку и сейчас и до этого ровняю посредством кнопки когда центрируется текст. Центровка именно рисунка у меня изначально почему-то не работала, я этим и не грузился, потому что в данном случае без разницы какой кнопкой пользоваться.

Проблема имеется только со стабильностью вывода изображениий, но не думаю, что дело в css

VasyOK 5 декабря 2009 в 23:10

Да, я в идел вашу проблему. Вам уже сказали в чем дело. От себя добавлю надо мин 64МБ под PHP на хостинге.

Насчет FCKEditor. Прямо скажите: выравнивание изображения по левому/правому краю у вас сейчас работает?

kompas 6 декабря 2009 в 1:43

Выравнивание именно изображений по краям сейчас не работает... но и не работало до изменений.

Спасибо за версию про нехватку памяти. Хоть кто-то предположил что-то конкретное, попробую прописать это в .htaccess

VasyOK 7 декабря 2009 в 22:50

Если выравнивание не работает значит тема кривая.
Нехватку памяти посмотрите в отчете о состоянии. Что-то мне подсказывает что ваш бесплатный хостинг 64 не дает.

Посмотрел через CSS, что вы наделали. Когда я говорил
.node img {
margin:5px 4%;
}

Это значит найти в CSS файле .node img и заменить параметр margin на margin:5px 4%.

Оказалось это неправильно. Ведь свойство node img действует на ВСЕ изображения.

Попробуйте из
.node img{
border:1px solid #CCC;
margin:5px;
}

Остваить только

.node img{
border:1px solid #CCC;
}

То .node img, что в конце файла вообще удалить.
И в конце файла приписать

a.imagecache{
margin:5px 4%;
}

kompas 10 декабря 2009 в 13:38

Спасибо за советы, попробую на досуге, хотя и так вроде все устраивает пока )
кроме памяти...

VasyOK 10 декабря 2009 в 14:49

hostmefree.ru тоже бесплатный, дают 128. Я только неразобрался как там свой домен проикрутить.

kompas 10 декабря 2009 в 23:09

чего-то мне показалось или он временами сильно тормозит?

VasyOK 11 декабря 2009 в 0:28

У них в последнее время случаются запои дня по два, но в целом работает не жалуюсь.

Drupal Drupal на русском

Помогите выровнять по центру превью изображения

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

Комментарии