0

以前の Web デザイナーが Wordpress で作成したコードを使用して、2x5 の表に「チーム紹介」ページを表示しようとしています。

これは私が見ているページです - http://www.stirling-house.com/about-us/meet-the-team私が言うように、写真を表に表示したいので、見栄えが良くなります。

私が持っているコードは -

<div id="maintext">
    <h1>MEET THE TEAM</h1>
    <h3>THE STIRLING HOUSE ADMINISTRATION TEAM</h3>
    <?php $members =get_posts('numberposts=99&cat=4&order=ASC'); //print_r($members); 
    foreach ($members as $post) {
    setup_postdata($post);?> 
    <div class="member-box">
        <img src="<?php echo get('member_photo');?>" alt="" style="margin:5px 7px 0 0;" />
        <h3><?php echo $post->post_title;?></h3>
        <h4><?php echo get('member_designation');?></h4>

誰か助けてくれませんか?!

4

2 に答える 2

0

これを行う 1 つの方法は、foreach (たとえば、$n) の前にカウンターを追加し、それをゼロに初期化し、ループが終了するたびにインクリメントすることです。次に、すべての奇数 div を左にフロートさせ、偶数 div を右にフロートさせます。

これは、コードがどのように見えるかです (多かれ少なかれ):

<? 
$n = 0; // Counter
foreach($members as $post){
    if($n % 2) $style="float:left";
    else $style="float:right";

    <img src="<?php echo get('member_photo');?>" alt="" style="margin:5px 7px 0 0;" />
    <h3><?php echo $post->post_title;?></h3>
    <h4><?php echo get('member_designation');?></h4>

それでもうまくいかない場合は、tableレイアウトを使用して $n 行の後にタグを配置してみてください<tr>( を追加するたびにカウンターをリセットします<tr>)。

于 2013-11-08T11:39:05.203 に答える