2015-09-17 3 views
-3

Я пытаюсь построить горизонтальную последовательность карточек продуктов. Поэтому я использую это:PHP цикл над HTML для создания столбцов

<div class="row"> 
<?php 
    $col = 3; 
    $sql = "select distinct prd_prt_num, prd_cod, prd_dsc, prd_qtd_ven, fab_ape,"; 
    $sql .= " prf_ult_prc, prf_vis valor"; 
    $sql .= ", '' mensagem"; 
    $sql .= " from produtos"; 
    $sql .= " inner join fabricantes on (fab_cod=prd_fab_cod)"; 
    $sql .= " inner join produtos_fatores on (prf_prd_cod=prd_cod)"; 
    $sql .= " where prd_qtd_ven > 0"; 
    $sql .= " order by rand()"; 
    $sql .= " limit 4"; 

    $query = mysql_query($sql) or die($sql ."<p>". mysql_error()); 
    while ($r = mysql_fetch_array($query)) { 
     extract($r,EXTR_PREFIX_ALL,"c"); 

     if ($cor == "#ffffcc") { 
      $cor = "#ffffff"; 
     } else { 
      $cor = "#ffffcc"; 
     } 

?> 
<div class="content"> 
    <div class="row"> 
    <div class="col s3"> 
     <div class="card"> 
     <img src="imagem.php?tam=195&src=<? echo $c_prd_prt_num; ?>" alt="<? echo $c_prd_prt_num; ?>"> 
     <div class="caption" style="text-align:center;"> 
     <h6><? echo $c_prd_dsc; ?></h6> 
      <? if ($logado==1) { ?> 
       <p><big><? echo $_SESSION['moeda']; ?> <? echo $c_valor; ?></big></p> 
       <p><a href="produto.php?prd=<? echo $c_prd_cod; ?>" class="btn btn-default" role="button"><i class="material-icons left">cart</i>COMPRAR</a></p> 
      <? } else { ?> 
       <p><a href="cadastro.php?prd=<? echo $c_prd_cod; ?>" class="btn btn-default" role="button"><i class="material-icons left">shopping_cart</i>COMPRAR</a></p> 
       <p><a href="produto.php?prd=<? echo $c_prd_cod; ?>" class="btn btn-default" role="button"><i class="material-icons left">search</i>DETALHES</a></p> 
      <? } ?> 
     </div> 
    </div> 
    </div> 
    </div> 
    </div> 
    </div> 

Я использую материализовать структуру и класс "содержание" заключается в следующем:

div.content { 
    width:1024px; 
    margin:0 auto; 

Но я получаю это:

Screenshot

Как добавить еще 3 столбца?

+0

Вы зацикливаете на весь код 'html' после цикла' while', что вызывает проблемы? Пожалуйста, исправьте свой код. – maniteja

+0

Интерес к [отображению divs в одной строке] (http://stackoverflow.com/questions/8920247/how-to-make-multiple-divs-display-in-one-line-but-still-retain -width) – Terminus

+0

Manijeta, извините, но я новичок в html/css/php, поэтому я не понимаю, что мне нужно делать. Terminus, он не работает: / – Igor

ответ

0

Итак, я понял. Для тех, кто хочет знать, что я сделал:

<div class="row"> 
<?php 
    $col = 3; 
    $sql = "select distinct prd_prt_num, prd_cod, prd_dsc, prd_qtd_ven, fab_ape,"; 
    $sql .= " prf_ult_prc, prf_vis valor"; 
    $sql .= ", '' mensagem"; 
    $sql .= " from produtos"; 
    $sql .= " inner join fabricantes on (fab_cod=prd_fab_cod)"; 
    $sql .= " inner join produtos_fatores on (prf_prd_cod=prd_cod)"; 
    $sql .= " where prd_qtd_ven > 0"; 
    $sql .= " order by rand()"; 
    //$sql .= " order by atualizacao desc"; 
    //$sql .= " limit $itenspagina"; 
    $sql .= " limit 4"; 







    $query = mysql_query($sql) or die($sql ."<p>". mysql_error()); 
    while ($r = mysql_fetch_array($query)) { 
     extract($r,EXTR_PREFIX_ALL,"c"); 

     if ($cor == "#ffffcc") { 
      $cor = "#ffffff"; 
     } else { 
      $cor = "#ffffcc"; 
     } 


?> 
    <div class="col s3"> 
     <div class="card"> 
      <img src="imagem.php?tam=195&src=<? echo $c_prd_prt_num; ?>" alt="<? echo $c_prd_prt_num; ?>"> 
      <div class="caption" style="text-align:center;"> 
       <h6><? echo $c_prd_dsc; ?></h6> 
       <? if ($logado==1) { ?> 
        <p><big><? echo $_SESSION['moeda']; ?> <? echo $c_valor; ?></big></p> 
        <p><a href="produto.php?prd=<? echo $c_prd_cod; ?>" class="btn btn-default" role="button"><i class="material-icons left">cart</i>COMPRAR</a></p> 
       <? } else { ?> 
        <p><a href="cadastro.php?prd=<? echo $c_prd_cod; ?>" class="btn btn-default" role="button"><i class="material-icons left">shopping_cart</i>COMPRAR</a></p> 
        <p><a href="produto.php?prd=<? echo $c_prd_cod; ?>" class="btn btn-default" role="button"><i class="material-icons left">search</i>DETALHES</a></p> 
       <? } ?> 
      </div> 
     </div> 
    </div> 
<? } ?> 
</div> 

Bye! Спасибо

Смежные вопросы