CCK + Image Field. Как сдеалать, чтобы поле картинки было слева от поля статьи? [Решено]

23 октября 2009 в 12:10
Аватар пользователя VasyOK VasyOK 0 15

К материал модулем Image прикреплено изображение. В результате материл на сайте выглядит как на рис.1. Меня все устраивает, но появилась потребность прикрепить изображение к материалу с помощью CCK.

Создал поле изображения модулем Image Field. Получилось как на рис.2. Теперь думаю как настроить, чтобы материал отображался так же как и с модулем Image Attach.

То есть
- текст справа, картинка слева (???)
- картинку выводилась маленькая в тизере и большая в самой статье. (Решил с помощью ImageCache)

[Решение]

По совету aa2ndrew@drupal.org решил так:

1. Поставил FireBug.
2. Кликнул правой кнопкой мыши на поле с картинкой выбрал Анализировать элемент
3. FireBug показал мне на вкладке CSS название стиля поля: .art-article img, img.art-article
4. В файле темы style.css нашел этот стиль и поставил в нем float:right;
5. Побочный эффект. Image Attach начал выводить изображения не так как надо, поэтому я его снес.

ВложениеРазмер
Иконка изображения 1.GIF17.14 КБ
Иконка изображения 2.GIF23.57 КБ

Комментарии

Через CSS выставляем картинку по правому краю. В настройках отображения поля (вкладка Display fields на странице редактирования типа материала) для тизера и для полной ноды выбираем раннее созданные пресеты в Imagecashe. Вроде все.

23 октября 2009 в 12:32

"<a href="mailto:aa2ndrew@drupal.org">aa2ndrew@drupal.org</a>" wrote:
Через CSS выставляем картинку по правому краю.

А как это сделать? Я так понял нужно тему подправить. В ней редактировать файл style.css или node.tpl.php?

И что там подправить?

23 октября 2009 в 15:22

Надо править style.css в теме оформления. Через FireBug надо смотреть стиль для этого поля, потом для этого стиля указываешь float: right;

23 октября 2009 в 16:13

aa2ndrew@drupal.org ты уж прости ламера но я не совсем врубаюсь.

"<a href="mailto:aa2ndrew@drupal.org">aa2ndrew@drupal.org</a>" wrote:
Через FireBug надо смотреть стиль для этого поля,

Нажал правой кнопкой мыши на поле с картинкой, выбрал анализ документа. А где найти его стиль, будешь смеяться, серьезно не знаю. Давно просто HTML учил.

10 ноября 2015 в 11:46

Сделай такой же скрин только консоль файрбага растяни больше, чтобы поместились дивы, которые идут выше, чтобы я смог их увидеть, тогда я могу сказать какой код тебе надо писать в style.css. Или вообще дай ссылку на сайт, если можно, я тебе код напишу.

23 октября 2009 в 18:30

Ссылка http://www.htpc.allfreehost.ru/

Там материал на главной с названием
"FERRO Смеситель для кухни 1/2 керамика гайка" в нем фото - это и есть мое поле.

Все остальные материалы сделаны другими модулями.

24 октября 2009 в 7:29

Мне понабилось отображать картинку по выбору, то бишь слева, справа и без обтекания. Как решил: добавил поле checkboxes/radio buttons. В Allowed values list прописал left, right, значение по умолчанию left, в displey field поставил hidden для тизера и полной ноды. В шаблоне ноды, прописывается css в зависимости от значения поля.

27 октября 2009 в 10:45

http://wallpy.pp.ru/
я не могу понять все что предлагает firebug у меня отсутствует в style.css.. что надо прописать мне в теме Acquia Marina на моем сайте? Подскажите пожалуйста

14 января 2010 в 16:39

Skdch, вы совершенно правы! Многие свойства элементов, изначально не прописаны в style.css, т.к. они зависят от модулей Drupal.

И если эти свойства прописать в style.css, они будут восприниматся без проблем. Следите, что от чего унаследовано.

14 января 2010 в 19:52

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

15 января 2010 в 18:56