0

こんにちは、誰かが助けてくれるかどうか疑問に思っています。これが可能かどうかは完全にはわかりませんが、私は div コンテナを持っています<div class="scroll">

inside div scroll は、データベースからユーザーが投稿したコメントをエコーする SQL クエリです。div スクロールは 600px の幅に設定されているため、コメントはこの div で左から右に配置されます。各行に 2 つのコメント ボックスがあり、各コメント ボックスはそれぞれ 300px 未満で、互いに隣り合って配置されます。

コメントは次のようにリストされます。

<div class="scroll">

comment 1 | comment 2
comment 3 | comment 4
comment 5 | comment 6
</div>

コメントはdiv "comment_box"に入れられます

今私がやったことは、背景画像をdiv「comment_box」に配置することです。この画像は、左を指し、divの左側に配置されるポインター矢印ですが、2番目の背景画像も必要ですコメント ボックスは右側に配置されるため、この例では、コメント 2、4、および 6 に別の背景画像/div の右側の右側を指す矢印が表示されます。

これは可能ですか？

ありがとう

comment box{

.wall_post_case_branch {
    background-image:url(../img/effects/arrow_left.png);
    background-repeat:no-repeat;
    background-position: center;
    height:90px;
    width:290px;
    position:relative;
        border:#ccc 1px solid;


}

mysql:

<?php
    if(mysql_num_rows($wallposts_set) > 0) {
        while ($posts = mysql_fetch_array($wallposts_set)) {
            $age = days_from_date($posts['date_added']);
            ?>
            <div class="comment_box">
             <?php echo "{$posts['content']}"; ?>
             </div>
4

3 に答える 3

1

以下のようにできます。

<?php
    $i = 0;
    while ($posts = mysql_fetch_array($wallposts_set))
    {
        $class = ' odd';
        if ($i++ % 2 == 0)
        {
            $class = ' even';
        }
        echo '<div class="comment_box'.$class.'">';
    }
?>

そしてcss

.odd { background-image:imageone.jpg; }
.even{ background-image:imagesecond.jpg; }
于 2013-04-25T11:30:23.030 に答える
0

while ループの直前に variable を作成します$i = 0;。

それを使用して、使用する背景色を定義します。

次に、while ループで次のコードを使用します。

while ($posts = mysql_fetch_array($wallposts_set)) {
    $i++;
    $age = days_from_date($posts['date_added']);
    echo "<div class=\"comment_box_$i\">
    $posts['content']}
    </div>";
    if ($i == 2)
        $i = 0;
}

次に、ボックスには2つの異なるクラスがあり、左側のclass="comment_box_1"ボックスには があり、右側のボックスには がありclass="comment_box_2"ます。

次に、差分ボックスの CSS を作成できます。

楽しみ

于 2013-04-25T11:30:22.457 に答える
0

以下を使用して、CSS で簡単にこれを行うこともできます。

:nth-child(even)
:nth-child(odd)

フィドルは、画像ではなく背景色で示しています。

http://jsfiddle.net/ingvi/CFMcA/

それが役に立てば幸い

于 2013-04-25T12:54:17.740 に答える