Drupal 7 - 更改文章视图的布局

Question

我尝试使用谷歌搜索，但它是如此具体，我没有发现任何相关的东西。我目前有文章帖子的视图幻灯片，它看起来像这样：

但我希望它看起来像这样：

基本上我只想要两列，用于图像和正文，而不是两行。我试图将图像和正文更改为＆＃34; inline＆＃34;在“视图字段”设置中，但这只是将正文文本与图像旁边的最后一行对齐，其余部分仍然在图像下方。

我有一种感觉，我可以在CSS中实现这一点，但如果图像太大，我无法弄清楚如何在不使图像和文本重叠的情况下完成此操作。

对此事有任何帮助，你将会非常帮助我！提前谢谢！

更新： 我理解基本的CSS，这不是关于如果要使用CSS或者CSS是什么的帖子，它具体是CSS中使用的属性，我已经尝试将每个字段设置为唯一的CSS类和位置：绝对然后右：0px /左：0px与上述相同的问题，还有其他建议吗？

Answer 1

你是对的 - 这几乎是CSS基础知识。您可以在http://w3schools.com获得精彩的参考，以回答您的CSS和与标记相关的查询。

我建议使用视图工具向字段添加一些唯一的类，以便于设置样式。

Answer 2

使用WYSIWYG编辑器，您可以轻松完成。例如，您可以使用CKEditor。 您也可以使用普通的html进行操作，请参阅此example或使用CSS

Answer 3

有一篇很好的文章here关于你想做什么。

另一种解决方案：您可以使用“开放框架”。它是drupal 7的主题，基于bootstrap。 然后你可以使用它的类。like postcard layouts 我在自己的网站上使用过它：quicklearn.ir 单击视图中的最后一个字段会话，然后转到REWRITE RESULTS并用该类包装您的字段。这样的内容：

<div class="postcard-right-wrap">
<div>[field_image]</div>
<div><h3>[title]</h3></div>
<div>[body-summary]</div>
</div>