0

我试过用谷歌搜索这个,但它太具体了,我没有遇到任何相关的东西。我目前有一个文章帖子的视图幻灯片,它看起来像这样: 在此处输入图像描述

但我希望它看起来像这样: 在此处输入图像描述

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

我有一种感觉,我可以在 CSS 中完成此操作,但如果图像太大,如果图像和文本可能重叠,我无法弄清楚如何做到这一点。

在这件事上的任何帮助,你将极大地帮助我!先感谢您!

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

4

3 回答 3

1

你是对的——这几乎是 CSS 基础知识。您可以在http://w3schools.com获得出色的参考资料,以回答您的 CSS 和标记相关查询。

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

于 2013-01-29T06:49:28.573 回答
0

这里有一篇关于你想要做什么的好文章。

另一种解决方案:您可以使用“开放框架”。它是 drupal 7 的主题,基于 bootstrap。那么你可以使用它的类。 就像我在自己的网站中使用的明信片布局一样: quicklearn.ir 单击视图中字段会话中的最后一个字段,然后转到 REWRITE RESULTS 并用该类包装您的字段。像这样:

<div class="postcard-right-wrap">
<div>[field_image]</div>
<div><h3>[title]</h3></div>
<div>[body-summary]</div>
</div>
于 2013-05-01T11:26:34.847 回答
0

使用所见即所得的编辑器,你可以很容易地做到这一点。例如,您可以与 CKEditor 一起使用。您也可以使用纯 html 来完成,请参阅此示例或仅使用 CSS

于 2013-01-29T09:30:01.683 回答