Skip to main content
se añadieron 1355 caracteres en el cuerpo
Origen Enlace
enxaneta
  • 3.9k
  • 3
  • 12
  • 21

Lo que puedes hacer es crear el html para las dos columnas de esta manera:

<?php
// example code
$par =[ 0,1, 0 ,2,0,0];

$col1 = "";
$col2 = "";
foreach ($par as $p) {

if($p == 0){
 $col1 .= 
  "<div class='col1'>
    El valor es: {$p}
  </div>";
}

if($p != 0){
  $col2 .= 
  "<div class='col2'>
    El valor es:{$p}
  </div>";
 }
 
}

Ahora puedes utilizar $col1 y $col2 allá donde los necesites:

echo $col1;
.......
echo $col2;

###Actualización

El OP comenta:

Gracias por tu respuesta. Así se han eliminado los elementos que salían vacíos pero no coloca las dos columnas en paralelo

A continuación puedes utilizar las dos variables de esta manera:

<section>
<article>
<?php echo $col1; ?>
</article>
<article>
<?php echo $col1; ?>
</article>  
</section>

Lo que resultaría en un HTML así:

section{display:flex; width:100vw;}

[class ^=col]{
  width:45vw;
  margin:1em .5em;
  border:1px solid;
  line-height:100px;
    height: 100px;
  text-align:center;
}
<section>
<article>
<div class='col1'>
    El valor es: 0
  </div>
<div class='col1'>
    El valor es: 0
  </div>
<div class='col1'>
    El valor es: 0
  </div>
<div class='col1'>
    El valor es: 0
  </div>
</article>
<article>
<div class='col2'>
    El valor es:1
  </div>
<div class='col2'>
    El valor es:2
</div>
</article>  
</section>

Para colocar las dos columnas en paralelo basta con añadir section{display:flex;} en el CSS. Alternativamente puedes utilizar article{float:left} o article{display:inline-block} u otro método que te guste para poner las dos columnas en paralelo

Lo que puedes hacer es crear el html para las dos columnas de esta manera:

<?php
// example code
$par =[ 0,1, 0 ,2,0,0];

$col1 = "";
$col2 = "";
foreach ($par as $p) {

if($p == 0){
 $col1 .= 
  "<div class='col1'>
    El valor es: {$p}
  </div>";
}

if($p != 0){
  $col2 .= 
  "<div class='col2'>
    El valor es:{$p}
  </div>";
 }
 
}

Ahora puedes utilizar $col1 y $col2 allá donde los necesites:

echo $col1;
.......
echo $col2;

Lo que puedes hacer es crear el html para las dos columnas de esta manera:

<?php
// example code
$par =[ 0,1, 0 ,2,0,0];

$col1 = "";
$col2 = "";
foreach ($par as $p) {

if($p == 0){
 $col1 .= 
  "<div class='col1'>
    El valor es: {$p}
  </div>";
}

if($p != 0){
  $col2 .= 
  "<div class='col2'>
    El valor es:{$p}
  </div>";
 }
 
}

Ahora puedes utilizar $col1 y $col2 allá donde los necesites:

echo $col1;
.......
echo $col2;

###Actualización

El OP comenta:

Gracias por tu respuesta. Así se han eliminado los elementos que salían vacíos pero no coloca las dos columnas en paralelo

A continuación puedes utilizar las dos variables de esta manera:

<section>
<article>
<?php echo $col1; ?>
</article>
<article>
<?php echo $col1; ?>
</article>  
</section>

Lo que resultaría en un HTML así:

section{display:flex; width:100vw;}

[class ^=col]{
  width:45vw;
  margin:1em .5em;
  border:1px solid;
  line-height:100px;
    height: 100px;
  text-align:center;
}
<section>
<article>
<div class='col1'>
    El valor es: 0
  </div>
<div class='col1'>
    El valor es: 0
  </div>
<div class='col1'>
    El valor es: 0
  </div>
<div class='col1'>
    El valor es: 0
  </div>
</article>
<article>
<div class='col2'>
    El valor es:1
  </div>
<div class='col2'>
    El valor es:2
</div>
</article>  
</section>

Para colocar las dos columnas en paralelo basta con añadir section{display:flex;} en el CSS. Alternativamente puedes utilizar article{float:left} o article{display:inline-block} u otro método que te guste para poner las dos columnas en paralelo

Origen Enlace
enxaneta
  • 3.9k
  • 3
  • 12
  • 21

Lo que puedes hacer es crear el html para las dos columnas de esta manera:

<?php
// example code
$par =[ 0,1, 0 ,2,0,0];

$col1 = "";
$col2 = "";
foreach ($par as $p) {

if($p == 0){
 $col1 .= 
  "<div class='col1'>
    El valor es: {$p}
  </div>";
}

if($p != 0){
  $col2 .= 
  "<div class='col2'>
    El valor es:{$p}
  </div>";
 }
 
}

Ahora puedes utilizar $col1 y $col2 allá donde los necesites:

echo $col1;
.......
echo $col2;