0

これをグーグルで調べてみましたが、非常に具体的で、関連するものは見つかりませんでした。現在、記事投稿のビュー スライドショーがあり、次のようになっています。 ここに画像の説明を入力

しかし、私はそれを次のようにしたい： ここに画像の説明を入力

基本的に、2行ではなく、画像と本文の2列が必要です。ビューフィールド設定で画像と本文を「インライン」に変更しようとしましたが、これは単に本文テキストを画像の隣の最後の行に配置し、残りはまだ画像の下にありました.

CSSでこれを達成できると感じていますが、画像が大きすぎる場合に画像とテキストが重なる可能性がなければ、それを行う方法がわかりません。

この問題について何か助けがあれば、あなたは私を大いに助けてくれるでしょう! 前もって感謝します！

更新: 基本的な CSS を理解しています。これは、CSS を使用するかどうか、または CSS とは何かについての投稿ではありません。具体的には、使用する CSS の属性です。各フィールドを一意の CSS クラスと position:absolute に設定しようとしましたright:0px/left:0px 上記と同じ問題がありますが、他に何か提案はありますか?

4

3 に答える 3

1

あなたは正しいです-これはほとんどCSSの基本です。http://w3schools.comで素晴らしいリファレンスを入手して、CSSとマークアップ関連のクエリに答えることができます。

ビューツールを使用して、スタイルを簡単に設定できるように、フィールドにいくつかの一意のクラスを追加することをお勧めします。

于 2013-01-29T06:49:28.573 に答える
0

WYSIWYGエディターを使用すると、非常に簡単に実行できます。たとえば、CKEditor で使用できます。プレーンな html でも実行できます。この例を参照するか、CSS を使用してください。

于 2013-01-29T09:30:01.683 に答える
0

あなたがやりたいことについての素晴らしい記事がここにあります。

別の解決策：「オープンフレームワーク」を使用できます。これは drupal 7 のテーマで、ブートストラップに基づいています。その後、そのクラスを使用できます。はがきのレイアウトのよう に、私は自分のサイトでそれを使用しました：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 に答える