ループを並べて画像を並べて表示する

私はこれを動作させようとしていましたが、それもできませんでした。私はイメージをつかむforループを持っていますが、それらは垂直です。私はそれらを並べて欲しいです。私は何をすべきか混乱している。私はそれをサイドバーにリストアップしました。ループを並べて画像を並べて表示する

<div class="socialGroup"> 
    <xen:include template="cz_groups_group_title" /> 
</div> 

</xen:foreach>

私は申し訳ありませんが、私は2の列にそれらを並べてたいと思います。 1画像と2画像。次に、次の行に3番目。 –

1行5枚のデモで私の答えを見てください。もし何かが遅れていたら、私に知らせてください。 – w3uiguru

あなたはCSSを使って、それを達成することができます。 ulをソーシャルグループクラスに追加し、liをグループタイトルに追加し、CSSを使用してスタイルを設定します。 liの幅と高さを設定できます。

<div class="socialGroup"> 
    <ul> 
    <li><xen:include template="cz_groups_group_title" /></li> 
    </ul> 
</div> 

</xen:foreach>

2012-03-19 03:11:23 coletrain

私はたぶん5行にすることができる方法はありますか？またはCSSを使って調整する方法は？ –

はい、どれくらいの行を好きなようにすることができます。私はそのようなことをする方法を見ることができるように、例を作成しました。サイドバーの幅を変更して、行に写真を追加することができます。 http://jsfiddle.net/kKuNJ/ – coletrain

私はそれを入力した後、私は画像を収容するためにサイドバーの幅について考えました。ありがとうございました。 –

1行に5つの画像のHTML構造とCSSルールについては、以下を参照してください。

2012-03-19 03:24:27 w3uiguru

答えて