首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Drupal 7-更改文章视图的布局

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

Stack Overflow用户
提问于 2013-01-29 10:26:22
回答 3查看 1K关注 0票数 0

我试着用谷歌搜索这个,但它太具体了,我没有找到任何相关的东西。我目前有一个文章幻灯片,它看起来像这样:

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

基本上我只想要两列,图像和正文,而不是两行。我尝试在View Fields设置中将图像和正文更改为"inline“,但这只是将正文文本与图像旁边的最后一行对齐,其余部分仍然在图像下方。

我有一种感觉,我可以在CSS中做到这一点,但如果图像太大,我不知道如何在没有图像和文本可能重叠的情况下做到这一点。

在这件事上的任何帮助,你都会给我很大的帮助!提前谢谢你!

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

EN

回答 3

Stack Overflow用户

发布于 2013-01-29 14:49:29

你是对的--这几乎就是CSS的基础。你可以在http://w3schools.com上找到一个很棒的参考资料来回答你的CSS和标记相关的问题。

我建议使用视图工具将一些独特的类添加到字段中,以便轻松设置样式。

票数 1
EN

Stack Overflow用户

发布于 2013-01-29 17:30:02

使用WYSIWYG编辑器,您可以非常轻松地完成此操作。例如,您可以与CKEditor一起使用。你也可以用普通的超文本标记语言来做,看看这个example或者直接用CSS

票数 0
EN

Stack Overflow用户

发布于 2013-05-01 19:26:35

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

另一种解决方案:你可以使用“开放框架”。它是Drupal7的一个主题,是基于引导的。然后你就可以使用它的类了。我在我自己的站点中使用过:quicklearn.ir在视图中单击field session中的最后一个字段,然后转到REWRITE RESULTS,并使用该class.something包装字段,如下所示:

代码语言:javascript
复制
<div class="postcard-right-wrap">
<div>[field_image]</div>
<div><h3>[title]</h3></div>
<div>[body-summary]</div>
</div>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14574680

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档