Drupal 7 - изменяющееся расположение представления статьи

I tried Googling this, but it is so specific I didn't come across anything relevant. I currently have a view slideshow for article posts and it looks like this: enter image description here

But I want it to look like this: enter image description here

В основном я был бы точно так же, как две колонки для изображения и тела, а не двух рядов. Я попытался изменить изображение и тело к "действующему" в параметрах настройки Областей Представления, но это просто выровняло основной текст к последней линии рядом с изображением, и остальное было все еще ниже изображения.

У меня есть чувство, что я могу достигнуть этого в CSS, но я не могу выяснить, как сделать это, не имея изображения, и текст потенциально накладываются, если изображение слишком большое.

Любая помощь по этому вопросу и вы будете помогать мне очень! Заранее спасибо!

ОБНОВЛЕНИЕ: Я понимаю основной CSS, это, почта не относительно того, если использовать CSS или не или каков CSS, это определенно, какие признаки в CSS использовать, я попытался установить каждую область в уникальный класс CSS и position:absolute и затем right:0px/left:0px с теми же самыми проблемами, описанными выше, какие-либо другие предложения?

0
nl ja de

3 ответы

Вы правильны - это - в значительной степени основы CSS. Можно получить фантастическую ссылку в http://w3schools.com ответить на ваш CSS и связанные с повышением вопросы.

Я рекомендую использовать инструмент взглядов, чтобы добавить некоторые уникальные классы к областям, таким образом, легко разработать.

1
добавлено
Я соглашаюсь, если бы это было основной страницей, то CSS был бы легок, но это - определенно Слайд-шоу Представления для Статьи и даже когда я действительно даю областям уникальные классы, CSS doesn' t остаются последовательными через слайды
добавлено автор Eric, источник

Используя WYSIWYG редактор можно сделать это довольно легкий. Можно использовать с CKEditor, например. Можно сделать это с простым HTML также, видеть это пример или просто используйте CSS

0
добавлено
Я дал областям уникальные классы CSS и попытался использовать position:absolute и right:0px/left:0px, и я все еще получаю ту же самую проблему?
добавлено автор Eric, источник
Также это - Слайд-шоу Представления со Статьей, страница Статьи прекрасна просто представление
добавлено автор Eric, источник
Положение использования: родственник; в родителе, чтобы работать
добавлено автор dotoree, источник

есть хорошая статья здесь о том, что вы хотите сделать.

другое решение: можно использовать "открытую структуру". это - тема для Drupal 7 и основано на ремешке ботинка. тогда можно использовать его классы.как расположения открыткия использовал это на своем собственном сайте: quicklearn.irнажмите на последнее, поданное на полевой сессии в ваших взглядах, затем пойдите, чтобы ПЕРЕПИСАТЬ РЕЗУЛЬТАТЫ и обернуть ваши области этим class.something как это:

<div class="postcard-right-wrap">
<div>[field_image]</div>
<div>

[title]

</div>
<div>[body-summary]</div>
</div>
0
добавлено
пожалуйста, включайте сущность, требуемую отвечать на вопрос и держать связь как источник + больше деталей.
добавлено автор K_B, источник
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing