2017-02-17 20 views
0

Я хочу добавить цвет фона для каждой нечетной строки (# e5e8e8) и даже строки (# b9b8bb) в CSS.Как добавить цвет фона для строк ODD и EVEN в PHP?

for ($i = 2; $i <= $arrayCount; $i++) { 

     $_SESSION["a"] = trim($allDataInSheet[$i]["A"]); 

     $_SESSION["b"] = trim($allDataInSheet[$i]["B"]); 

     $_SESSION["c"] = trim($allDataInSheet[$i]["C"]); 

     $_SESSION["d"] = trim($allDataInSheet[$i]["D"]); 

     $_SESSION["e"] = trim($allDataInSheet[$i]["E"]); 

     $_SESSION["f"] = trim($allDataInSheet[$i]["F"]); 

     $_SESSION["g"] = trim($allDataInSheet[$i]["G"]); 


         echo '<!-- table content - start --> '; 
         echo ' <!-- ROW 1 -->'; 
         echo '<tr>'; 
          echo '<td width="10" style="border-bottom: 1px solid #ffffff;">'; 
           echo '<img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="10" height="1" style="display:block;border:none;"/>'; 
          echo ' </td>'; 

          echo '<td width="164" style="border-bottom: 1px solid #ffffff;" valign="middle">'; 
           echo '<table width="164" border="0" cellspacing="0" cellpadding="0">'; 
            echo '<tr>'; 
             echo '<td height="15" style="font-size:0px;line-height:0px;"><img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="1" height="15" style="display:block;border:none;"/></td>'; 
            echo ' </tr>'; 
            echo '<tr>'; 

             echo '<td width="114" valign="middle" align="left">'; 
              echo '<font style="font-family: HP Simplified, arial, sans-serif; font-size:15px;color:#000000;font-weight:normal; line-height:16px;">'; 

               echo $_SESSION["a"]; 
              echo '</font>'; 
             echo ' </td>'; 

             echo ' <td width="50" valign="middle" align="right">'; 

             echo '</td>'; 
            echo '</tr>'; 
            echo '<tr>'; 
             echo '<td height="15" style="font-size:0px;line-height:0px;"><img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="1" height="15" style="display:block;border:none;"/></td>'; 
            echo ' </tr>'; 
           echo '</table>'; 
          echo '</td>'; 

          echo ' <td width="10" style="border-right: 1px solid #ffffff;border-bottom: 1px solid #ffffff;">'; 
           echo '<img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="10" height="1" style="display:block;border:none;"/>'; 
          echo '</td>'; 
          echo '<td width="10" style="border-bottom: 1px solid #ffffff;">'; 
           echo '<img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="10" height="1" style="display:block;border:none;"/>'; 
          echo '</td>'; 
          echo '<td width="164" style="border-bottom: 1px solid #ffffff;" valign="middle">'; 
           echo '<table width="164" border="0" cellspacing="0" cellpadding="0">'; 
            echo '<tr>'; 
             echo '<td height="15" style="font-size:0px;line-height:0px;"><img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="1" height="15" style="display:block;border:none;"/></td>'; 
            echo ' </tr>'; 
            echo '<tr>'; 
             echo '<td width="114" valign="middle" align="left">'; 
              echo '<font style="font-family: HP Simplified, arial, sans-serif; font-size:15px;color:#000000;font-weight:normal; line-height:16px;">'; 
               echo $_SESSION["b"]; 

              echo '</font>'; 
             echo '</td>'; 
             echo '<td width="50" valign="middle" align="right">'; 
              echo '<font style="font-family: HP Simplified, arial, sans-serif; font-size:15px;color:#000000;font-weight:normal; line-height:16px;">'; 
               echo $_SESSION["c"]; 
              echo '</font>'; 
             echo '</td>'; 
            echo ' </tr>'; 
            echo '<tr>'; 
             echo '<td height="15" style="font-size:0px;line-height:0px;"><img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="1" height="15" style="display:block;border:none;"/></td>'; 
            echo '</tr>'; 
           echo '</table>'; 
          echo '</td>'; 
          echo '<td width="10" style="border-right: 1px solid #ffffff;border-bottom: 1px solid #ffffff;">'; 
           echo '<img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="10" height="1" style="display:block;border:none;"/>'; 
          echo '</td>'; 
          echo '<td width="10" style="border-bottom: 1px solid #ffffff;">'; 
           echo '<img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="10" height="1" style="display:block;border:none;"/>'; 
          echo '</td>'; 
          echo '<td width="164" style="border-bottom: 1px solid #ffffff;" valign="middle">'; 
           echo '<table width="164" border="0" cellspacing="0" cellpadding="0">'; 
            echo '<tr>'; 
             echo '<td height="15" style="font-size:0px;line-height:0px;"><img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="1" height="15" style="display:block;border:none;"/></td>'; 
            echo ' </tr>'; 
            echo '<tr>'; 
             echo '<td width="114" valign="middle" align="left">'; 
              echo '<font style="font-family: HP Simplified, arial, sans-serif; font-size:15px;color:#000000;font-weight:normal; line-height:16px;">'; 
              echo $_SESSION["d"]; 

              echo '</font>'; 
             echo '</td>'; 
             echo '<td width="50" valign="middle" align="right">'; 
              echo '<font style="font-family: HP Simplified, arial, sans-serif; font-size:15px;color:#000000;font-weight:normal; line-height:16px;">'; 
              echo $_SESSION["e"]; 
              echo '</font>'; 
             echo '</td>'; 
            echo '</tr>'; 
            echo '<tr>'; 
             echo '<td height="15" style="font-size:0px;line-height:0px;"><img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="1" height="15" style="display:block;border:none;"/></td>'; 
            echo '</tr>'; 
           echo '</table>'; 
          echo '</td>'; 
          echo '<td width="10" style="border-right: 1px solid #ffffff;border-bottom: 1px solid #ffffff;">'; 
           echo '<img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="10" height="1" style="display:block;border:none;"/>'; 
          echo '</td>'; 

          echo '<td width="10" style="border-bottom: 1px solid #ffffff;">'; 
           echo '<img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="10" height="1" style="display:block;border:none;"/>'; 
          echo '</td>'; 
          echo '<td width="164" style="border-bottom: 1px solid #ffffff;" valign="middle">'; 
           echo '<table width="164" border="0" cellspacing="0" cellpadding="0">'; 
            echo '<tr>'; 
             echo '<td height="15" style="font-size:0px;line-height:0px;"><img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="1" height="15" style="display:block;border:none;"/></td>'; 
            echo '</tr>'; 
            echo '<tr>'; 
             echo '<td width="114" valign="middle" align="left">'; 
              echo '<font style="font-family: HP Simplified, arial, sans-serif; font-size:15px;color:#000000;font-weight:normal; line-height:16px;">'; 
              echo $_SESSION["f"]; 

              echo '</font>'; 
             echo ' </td>'; 
             echo '<td width="50" valign="middle" align="right">'; 
              echo '<font style="font-family: HP Simplified, arial, sans-serif; font-size:15px;color:#000000;font-weight:normal; line-height:16px;">'; 
               echo $_SESSION["g"]; 
              echo ' </font>'; 
             echo '</td>'; 
            echo ' </tr>'; 
            echo ' <tr>'; 
             echo '<td height="15" style="font-size:0px;line-height:0px;"><img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="1" height="15" style="display:block;border:none;"/></td>'; 
            echo ' </tr>'; 
           echo '</table>'; 
          echo ' </td>'; 
          echo '<td width="10" style="border-bottom: 1px solid #ffffff;">'; 
           echo '<img src="http://ebiz.pmgasia.com/web/hp/HP_ProTrain_Monthly_eDM/ID/2017/February/images/x.gif" width="10" height="1" style="display:block;border:none;"/>'; 
          echo '</td>'; 

         echo '</tr>'; 

         echo '<!-- ROW 1 - END -->'; 


    } 

Здесь я хочу, чтобы добавить цвет фона для каждой нечетной строки (# e5e8e8) и даже строки (# b9b8bb) в PHP динамически эту строку, которую я написал внутри для loop.My выше данного кода таблицы была создана для шаблона электронной почты. Так что у него есть много и s.so опции ODD и EVEN не работают должным образом. Все предложения. Спасибо заранее.

+0

Где ваш код? – Option

+0

Я только что отредактировал мое сообщение .. Пожалуйста, помогите.объявлений заранее –

+0

Crikey! Почему так много «эхо»? – Option

ответ

1

Итак, не вникая в свой код, чтобы исправить его, вот общий пример, поскольку это вопрос CSS реалистично .. Поэтому для этого вам нужно использовать nth-child(). Вот пример:

tr:nth-child(odd) \t \t { background-color:#e5e8e8; } 
 
tr:nth-child(even) \t \t { background-color:#b9b8bb; }
<table> 
 
    <tr> 
 
     <td> Row 1</td> 
 
    </tr> 
 
    <tr> 
 
     <td> 
 
      Row 2 
 
     </td> 
 
    </tr> 
 
</table>

+0

Как использовать следующий код внутри PHP: Tr: п-й ребенок (нечетный) \t \t {фона -Цвет: # e5e8e8; } tr: nth-child (even) \t \t {background-color: # b9b8bb; } –

+0

Мой приведенный выше код таблицы был создан для шаблона электронной почты. Таким образом, он имеет много и . Параметры O.DD и EVEN не работают должным образом. Все предложения. Спасибо заранее –

+0

Его работы хорошие. Спасибо большое за вашу поддержку. –