PHP交替单元格颜色垂直

问题描述:

我想显示一个表显示不同的成员资格包,并需要尝试让每列交替颜色来分离包。我有交替单元的代码,但它们是水平的而不是垂直的。请让我知道如果这是可能的,并且我的代码错误,以垂直交替单元格。谢谢PHP交替单元格颜色垂直

<table width="100%" border="0" cellspacing="0"> 
    <tr> 
     <td>&nbsp;</td> 
      <?php 
      foreach((array) $membership_names as $name) { ?> 
      <td align="center" style="background:#ffffe4; padding:5px; border-top:1px solid #ccc; border-right:1px solid #fff; border-left:1px solid #fff;"><strong><?php echo $this->escape($name); ?></strong></td> 
      <?php } ?> 
    </tr> 
      <?php 
      $i = 1; // Our row counter 
      foreach((array) $memberships as $membership) { 
       if ($i % 2 != 0) # An odd row 
        $rowStyle = "background:#FFFFE4; border-bottom:1px solid #ccc; border-top:1px solid #fff; height:40px; padding:10px;"; 
       else # An even row 
        $rowStyle = "background:#FFF4D8; border-bottom:1px solid #ccc; border-top:1px solid #fff; height:40px; padding:10px;"; 
       ?> 
    <tr> 
     <td align="left" style="<?php echo $rowStyle; ?>"><strong><?php echo $this->escape($membership['title']); ?>:</strong></td> 
     <?php foreach((array) $membership['values'] as $value) { 
       if ($i % 2 != 0) # An odd row 
        $rowStyle = "background:#FFFFE4; border-bottom:1px solid #ccc; border-top:1px solid #fff; height:40px; padding:10px;"; 
       else # An even row 
        $rowStyle = "background:#FFF4D8; border-bottom:1px solid #ccc; border-top:1px solid #fff; height:40px; padding:10px;"; 
        ?> 
      <td align="center" style="<?php echo $rowStyle; ?>"> 
       <?php if($value == 'yes') { ?> 
        <img src="<?php echo BASE_URL.TEMPLATE_PATH; ?>images/icon_checkmark.gif" /> 
       <?php } elseif($value == '-') {?> 
              <img src="<?php echo BASE_URL.TEMPLATE_PATH; ?>images/icon_checkno.gif" /> 
            <?php } elseif($value == '0') {?> 
              <img src="<?php echo BASE_URL.TEMPLATE_PATH; ?>images/icon_checkno.gif" /> 
            <?php } else { ?> 
        <?php echo $this->escape($value); ?> 
       <?php } ?> 
      </td> 
     <?php } ?> 
     </tr> 

        <?php 
        $i++; # Increment our row counter 
        } 
        ?> 

        <tr> 
        <td align="left" valign="top" style="background:#9C6C69; color: #FFFFE4; border-bottom:1px solid #ccc; border-top:1px solid #fff; font-weight:bold; height:40px; padding:10px;">&nbsp;</td> 
        <?php foreach((array) $pricing as $price) { ?> 
          <td align="center" valign="top" style="background:#9C6C69; border-bottom:1px solid #ccc; border-top:1px solid #fff; color: #FFFFE4; height:40px; padding:10px;"> 
          <?php foreach($price['pricing'] as $key=>$value) { ?> 
            <?php if(count($price['pricing']) > 1) { ?><p><strong><?php echo $lang['public_compare_option']; ?> <?php echo $key+1; ?></strong></p><?php } ?> 
            <?php if($value['label']) { ?> 
              <p style="font-size:11px;"><?php echo $this->escape($value['label']); ?></p> 
            <?php } else { ?> 
              <?php //echo $lang['public_compare_term']; ?> 
              <?php if($value['period_count']) { ?> 
                <p style="font-size:11px; font-weight:bold;"><?php echo $this->escape($value['period_count']); ?> <?php echo $this->escape($value['period']); ?></p> 
              <?php } else { ?> 
                <p><?php echo $lang['public_compare_lifetime']; ?></p> 
              <?php } ?> 
              <?php if($value['setup_price'] != '0.00') { ?> 
                <p><?php echo $lang['public_compare_setup']; ?>: <?php echo $this->escape(format_number_currency($value['setup_price'])); ?></p> 
              <?php } ?> 
              <?php //echo $lang['public_compare_price']; ?> 
              <?php if($value['price'] != '0.00') { ?> 
                <p style="border-bottom: 1px dashed #FFFFFF; border-top: 1px dashed #FFFFFF; font-size: 14px; font-weight: bold; margin-top: 2px; padding: 2px;">$<?php echo $this->escape($value['price']); ?></p> 
              <?php } else { ?> 
                <p style="border-bottom: 1px dashed #FFFFFF; border-top: 1px dashed #FFFFFF; font-size: 14px; font-weight: bold; margin-top: 2px; padding: 2px;"><?php echo $lang['public_compare_free']; ?></p> 
              <?php } ?> 
            <?php } ?> 
            <p><a href="<?php echo BASE_URL.MEMBERS_FOLDER; ?>user_orders_add_listing.php?pricing_id=<?php echo $value['id']; ?>" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" style="margin-top:3px;padding:5px;"><?php echo $lang['public_compare_order']; ?></a></p> 
          <?php } ?> 
          </td> 
        <?php } ?> 
        </tr> 

       </table> 
+2

你应该真的应用CSS类到这些列。不要像这样为每个单元分别定义样式! – Brad 2011-05-20 13:30:18

+0

是的,一旦我可以在单元垂直交替而不是水平交替的情况下工作,就可以使用这个类。感谢您的建议 – pertrai1 2011-05-20 14:45:05

您在两个嵌套循环,这是注定要失败使用$i两次。也尝试在第二个foreach循环之前重置它。

+0

感谢您的反馈。我对PHP的深度了解不多,所以我正在尝试获得一些帮助,以了解如何使单元垂直交替而不是水平交替。我只是不太明白PHP的逻辑足以解决这个问题。谢谢 – pertrai1 2011-05-20 14:46:24

ok crackknuckles,让我们试试这个: 从foreach语句中删除(array),你不需要它。另外,$ i%2!= 0,你不需要所有这些,只需使用$ i%2,它可以是真或假,所以如果($ i%2)将是真或假,你不要“T需要具有两种不同$ rowstyles的!= 0代替,只是有其中2安装在你的CSS,并使用短的PHP如果挑哪一个使用,这样

($i %2 ? 'style1' : 'style2') 

,并把它在你这样的表格单元格:

<td style="($i %2 ? 'style1' : 'style2')"> 

这将取决于你的$ i是否偶数或奇数交替的样式。 您还需要确保您的$ i在每行开头重置为0,因为您交替使用列颜色,所以您希望行都以0开头,以便它们正确排列。您不需要使用$ i来跟踪行,因为您不关心它们是什么颜色,只关心列,只要确保在每次启动新表格行时将$ i重置为0即可。