Не получается сделать обтекание картинки в Views

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

Аватар пользователя MrCowboy MrCowboy 13 февраля 2013 в 23:16

Понимаю, вопрос избитый и банальный. Но, перерыв форум, решить так и не смог. Делаю через Views вывод в блок заголовка ноды и превьюшки с ссылкой на материал. Мне нужно, чтобы картинка была слева, а текст справа. У Views стандартное деление на поля: сверху, например, поле "заголовок", снизу - поле "изображение". Я гуглил схожие вопросы, но предложенные варианты не подошли.
В CSS я не силен, пытался тупо вставлять в файл темы style.css строчки типа img (float: right;}, но у меня ничего не вышло. Прошу, подскажите, что именно нужно сделать.

Комментарии

Аватар пользователя huurak huurak 14 февраля 2013 в 13:22

1. В представлении порядок полей поменять, 1-Изображение 2-Заголовок
2. Для поля Изображение создать css класс, Настройки стиля -> Настроить HTML-код поля -> Создать CSS класс (можно убрать галочку из Добавить классы по умолчанию)
3. Сохранить
4. в style.css, .mystyle {float: left} (если покрасивее .mystyle img {float:left; border:1px solid #000; padding:1px; margin:0 5px 0 0} )

Аватар пользователя Seregaptica Seregaptica 22 июля 2013 в 15:13

huurak wrote:
1. В представлении порядок полей поменять, 1-Изображение 2-Заголовок
2. Для поля Изображение создать css класс, Настройки стиля -> Настроить HTML-код поля -> Создать CSS класс (можно убрать галочку из Добавить классы по умолчанию)
3. Сохранить
4. в style.css, .mystyle {float: left} (если покрасивее .mystyle img {float:left; border:1px solid #000; padding:1px; margin:0 5px 0 0} )

Круто большое спасибо!

Аватар пользователя MrCowboy MrCowboy 14 февраля 2013 в 15:24

"huurak" wrote:
1. В представлении порядок полей поменять, 1-Изображение 2-Заголовок
2. Для поля Изображение создать css класс, Настройки стиля -> Настроить HTML-код поля -> Создать CSS класс (можно убрать галочку из Добавить классы по умолчанию)
3. Сохранить
4. в style.css, .mystyle {float: left} (если покрасивее .mystyle img {float:left; border:1px solid #000; padding:1px; margin:0 5px 0 0} )

Спасибо большое! Буду пытаться.

Аватар пользователя huurak huurak 15 февраля 2013 в 15:41

ХулиGUN хули к мелочам придрался.
1. Порядок
2. "Мне нужно, чтобы картинка была слева, а текст справа" без отдельного поля никак.
3. Чем трендеть, лучше написал бы MrCowboy подробнее что да как делать...