Como fazer para que os valores da imagem_1 apareça como na imagem_2

[Ferreira27]

Como fazer para que os valores da imagem_1 apareça como na imagem_2.

<div id="consulta">  <form name="Consultar" action="poltronas.php" onsubmit=""  method="post">    <input name="" value="" type="hidden">    <input name="" value="" type="hidden">    <input name="" value="" type="hidden">    <input name="" value="" type="hidden">    <div style="float:left; text-align:center; margin-top:15px; width:940px; height:49px"><img src="imagens/logo_consulta.jpg" border="0" height="59" width="180"></div>    <h3> <span class="viagem_tit_consulta"><?php echo "$nomeCidade x $nomedestino"; ?> - <?php echo $data;?> </span> </h3>   <br>    <h3> <span class="viagem_tit_consulta"></span> </h3>    <table>      <tbody>        <tr class="cpoTablaHeader">          <td>Selecione</td>          <td>Saída</td>          <td>Chegada prevista</td>          <td>Poltronas<br>            livres</td>          <td>Preço</td>          <td>Tipo</td>          <td>Serviço</td>          <td>Empresa</td>          <td>Ocupação</td>        </tr>						<?php 		// todas as linhas que fazem entre a origem e o destino		$sql = "SELECT * FROM `viagem` WHERE 		              linha_idlinha in (SELECT idlinha FROM `linha` WHERE origem = '$origem' 					     and destino = '$destino') order by hora_viagem ASC";			    $sql_exec = mysql_query($sql) or die("Erro: " .mysql_Error());	    while ($row = mysql_fetch_object($sql_exec)){		  // selecionando o preço		  $sql2 = "SELECT * FROM `tarifa` WHERE linha_idlinha='$row->linha_idlinha'";		  $sql2_exec = mysql_query($sql2);		  $preco = mysql_result($sql2_exec,0,'tarifa');		  // selecionando o servico		  $sql3 = "SELECT * FROM `linha` WHERE idlinha='$row->linha_idlinha'";		  $sql3_exec = mysql_query($sql3);		  $servico = mysql_result($sql3_exec,0,'prefixo_linha');          // selecionando a lotação máxima do onibus		  $sql4 = "SELECT * FROM `onibus` WHERE idonibus='$row->onibus_idonibus'";		  $sql4_exec = mysql_query($sql4);		  $lotacaoMaxima = mysql_result($sql4_exec,0,'qt_poltrona');				  // selecionando a quantidade de passagens vendidas		  $sql5 = "SELECT * FROM `passagens` WHERE lugares_viagem_idviagem='$row->idviagem'";		  $sql5_exec = mysql_query($sql5);		  $qtdPassagensVendidas = mysql_num_rows($sql5_exec);		  						?>			          <tr class="fila_impar">				          <td style="text-align:center">		  		  <input class="radio" name="ida" value="" type="radio">		  		  </td>		  		  <td style="text-align:center" >		  <?php echo date('H:i', strtotime($row->hora_viagem)); ?>          </td>                      <td style="text-align:center" ;="">		    <?php echo date('H:i', strtotime($row->hora_chegada)); ?>          </td>          <!--Poltronas livres -->          	           <td style="text-align:center" ;=""><?php echo $lotacaoMaxima - $qtdPassagensVendidas; ?>		  </td>		  		  <!--PREÇO-->	     		            <td style="text-align:center" ;=""><?php echo $preco; ?>		    		  </td>		  		  		  				  		  <!--Tipo Viagem-->                           <td style="text-align:center" ;="">                      <?php echo $row->tipo_viagem; ?>          </td> 		            <td style="text-align:center" ;=""><?php echo $servico; ?>		     </td>	 		  		  		  <!--Empresa-->          <td style="text-align:center";>		   <!-- <img width="100" src="imagens/logo_chega_La.png" height="16" /> -->		  </td>      	      <!--Ocupação-->	      <td><img src="imagens/mapa_bus46.png"></td>            </tr>		  <?php } ?>		  		 			      </tbody></table>                   <div style="text-align:right">    <input style="background-image: url('imagens/botao_avancar.gif'); width: 98px; height: 27px; border: 0px; cursor: pointer; margin-left: 20px; margin-bottom: 20px; margin-top: 20px;" value="" name="enviar" action= "" onclick="poltronas.php" type="submit">    </div>          </form></div>

[DiF]

Olá, poderia dar mais detalhes do problema/dúvida? 

[Ferreira27]

queria que a tabela da imagem_1 ficasse como na tabela da imagem_2, ou seja a primeira linha ficasse na cor cinza e a segunda na cor branca, a terceira linha na cor cinza, a quarta na cor branca e assim por diante.

[DiF]

Ah sim. você diz o efeito "zebra".

 

Basta usar um pseudo-class em css chamado:  nth-child

[Ferreira27]

fiz esse código abaixo porém retirou todas  as linhas da tabela conforme mostra imagem em anexo

<?php      $cor = 0;      while ($row = mysql_fetch_object($sql_exec)){?> <tr style=" <?php if($cor % 2 == 0) { echo "#000";} else { echo "#FFF";}  ?> "> <?php          $cor++;      }?>

$cor = 0;	    while ($row = mysql_fetch_object($sql_exec)){		  // selecionando o preço		  $sql2 = "SELECT * FROM `tarifa` WHERE linha_idlinha='$row->linha_idlinha'";		  $sql2_exec = mysql_query($sql2);		  $preco = mysql_result($sql2_exec,0,'tarifa');		  // selecionando o servico		  $sql3 = "SELECT * FROM `linha` WHERE idlinha='$row->linha_idlinha'";		  $sql3_exec = mysql_query($sql3);		  $servico = mysql_result($sql3_exec,0,'prefixo_linha');          // selecionando a lotação máxima do onibus		  $sql4 = "SELECT * FROM `onibus` WHERE idonibus='$row->onibus_idonibus'";		  $sql4_exec = mysql_query($sql4);		  $lotacaoMaxima = mysql_result($sql4_exec,0,'qt_poltrona');				  // selecionando a quantidade de passagens vendidas		  $sql5 = "SELECT * FROM `passagens` WHERE lugares_viagem_idviagem='$row->idviagem'";		  $sql5_exec = mysql_query($sql5);		  $qtdPassagensVendidas = mysql_num_rows($sql5_exec);		  						?>			          <!--<tr class="fila_impar">-->		  <tr style=" <?php if($cor % 2 == 0) { echo "#000";} else { echo "#FFF";}  ?> ">				          <td style="text-align:center">		  		  <input class="radio" name="ida" value="" type="radio">		  		  </td>		  		  <td style="text-align:center" >		  <?php echo date('H:i', strtotime($row->hora_viagem)); ?>          </td>                      <td style="text-align:center" ;="">		    <?php echo date('H:i', strtotime($row->hora_chegada)); ?>          </td>          <!--Poltronas livres -->          	           <td style="text-align:center" ;=""><?php echo $lotacaoMaxima - $qtdPassagensVendidas; ?>		  </td>		  		  <!--PREÇO-->	     		            <td style="text-align:center" ;=""><?php echo $preco; ?>		    		  </td>		  		  		  				  		  <!--Tipo Viagem-->                           <td style="text-align:center" ;="">                      <?php echo $row->tipo_viagem; ?>          </td> 		            <td style="text-align:center" ;=""><?php echo $servico; ?>		     </td>	 		  		  		  <!--Empresa-->          <td style="text-align:center";>		   <!-- <img width="100" src="imagens/logo_chega_La.png" height="16" /> -->		  </td>      	      <!--Ocupação-->	      <td><img src="imagens/mapa_bus46.png"></td>            </tr>		  <?php $cor++;} ?>		  

[DiF]

Sem querer ser chato.. mas seu código está muito, imensamente poluído. você não consegue trabalhar direito nele... facilmente pode se perder ali.

e você tá tentando fazer do jeito mais difícil.

 

exemplo de zebra com CSS com o nth-child

http://jsfiddle.net/pb65c/1/

 

 

Recomendação:

 

retire aquele monte de CSS inline e aplique no CSS externo.

 

Por exemplo, suas todas suas TD's  tem text-align center   

 

então o recomendado é você por no css assim:

table td{  text-align: center;}

Faz parte das boas práticas da programação. código sujo, ninguém quer ler ou entender. se você postar um código assim.. dificilmente alguém vai ajudar. siga as boas práticas... será melhor para você!

[Ferreira27]

fiz assim deu certo

 

<tr style="background-color:<?php if($cor % 2 == 0) { echo "#D6D6D6";} else { echo "#FFF";}  ?> ">     
       

 

valeu pelas dicas!!