[SOLUCIONADO] Añadir un <div> dentro de un while

[rostein]

Buenas tardes, os dejo el siguiente código con el que estoy trabajando.

Código PHP:

 <div id="consejos"> 
 
<?php $sql="SELECT * FROM consejos ORDER BY RAND() LIMIT 6"; 
$resultado=mysql_query($sql); 
while($fila=mysql_fetch_array($resultado)){;?> 
<div class="cuadros"> 
<h3><?php echo $fila["nombreconsejo"]; ?></h3> 
<ul> 
<li>Direcci&oacute;n: <?php echo $fila["direccion"]; ?> </li> 
<li>Telefono: <?php echo $fila["tfno"]; ?> </li> 
<li>Web: <?php echo $fila["web"]; ?> </li> 
<li>Email: <?php echo $fila["email"]; ?> </li> 
<li><a href="ficha.php?fid=<?php echo $fila['id']?>">Ver ficha</a></li> 
</ul> 
</div> 
<?php };?> 
<div class="vacio"></div>  

la class="cuadros" tiene flotar izquierda y un width del 50%. El class=vacío tiene clear:both. El while me genera seis fichas y me gustaría que cada dos de esas fichas se incluyese un div con ese class "vacío". Alguno me podría ayudar?

[quimfv]

Usa un contador y la función módulo %

$contador=0;
inicio bucle
if($contador % 2 ==0 && $contador>0) Inserto vació
inserto la div
$contador++;
fin bucle

Módulo de 2 es cero en los pares.

Fijate que antes de insertar la tercera div va a insertar un "vacío" y asi cada dos divs.

[rostein]

No consigo que me salga. ¿De esta manera sería correcto?

Código PHP:

  <?php $sql="SELECT * FROM consejos ORDER BY RAND() LIMIT 6"; 
$resultado=mysql_query($sql); 
$contador=0; 
while($fila=mysql_fetch_array($resultado)){;?> 
<div class="cuadros"> 
<h3><?php echo $fila["nombreconsejo"]; ?></h3> 
<ul> 
<li>Direcci&oacute;n: <?php echo $fila["direccion"]; ?> </li> 
<li>Telefono: <?php echo $fila["tfno"]; ?> </li> 
<li>Web: <?php echo $fila["web"]; ?> </li> 
<li>Email: <?php echo $fila["email"]; ?> </li> 
<li><a href="ficha.php?fid=<?php echo $fila['id']?>">Ver ficha</a></li> 
</ul> 
</div><?php if($contador % 2 ==0 && $contador>0) {; 
 echo "<div class='vacio'></div>"; 
$contador++; 
 };};?>   

[pateketrueke]

Esto se puede resolver perfectamente usando CSS, no entiendo el punto de "resolverlo" con código PHP, es decir, si la cuestión es visual le corresponde a CSS y nada más.

Porque además es una completa tontería tener que añadir un <div> que haga de "clear:both" ensuciando el markup sin sentido.

[metacortex]

A mí me salió esto:

Código PHP:

<?php
 
$array = array('uno', 'dos',  'tres',  'cuatro',  'cinco' , 'seis' , 'siete');
$var = null;
 
foreach($array as $k => $arr) {
 
    if( $k % 2 == 0 and $k < count($array) and $k > 0) {
        $var .= "<div class='vacio'></div>\n";
    }
 
$var .= "<p>$arr</p>\n";
}
 
$var .= "<div class='vacio'></div>\n";
 
print_r( $var );
 
?>
 

El resultado:

Código HTML:

<p>uno</p>
<p>dos</p>
<div class='vacio'></div>
<p>tres</p>
<p>cuatro</p>
<div class='vacio'></div>
<p>cinco</p>
<p>seis</p>
<div class='vacio'></div>
<p>siete</p>
<div class='vacio'></div>
 

Iniciado por pateketrueke

Esto se puede resolver perfectamente usando CSS, no entiendo el punto de "resolverlo" con código PHP, es decir, si la cuestión es visual le corresponde a CSS y nada más.

Porque además es una completa tontería tener que añadir un <div> que haga de "clear:both" ensuciando el markup sin sentido.

Como yo lo entendí, lo que se desea es asignar 1 elemento por cada 2 iteraciones de un total de 6 (o más, o menos) resultantes del bucle. En este caso es necesario usar PHP.

[pateketrueke]

Iniciado por metacortex

[...] Como yo lo entendí, lo que se desea es asignar 1 elemento por cada 2 iteraciones de un total de 6 (o más, o menos) resultantes del bucle. En este caso es necesario usar PHP.

Si el <div> a inyectar contiene únicamente "clear:both" entonces no es necesario imprimirlo, es decir, usando seudo-elementos :after o :before y selectores :nth-child de CSS3 puedes crear dicho div de manera virtual y darle las reglas de CSS requeridas.

Bueno, a mi no me parece necesario usar PHP para esto.

[metacortex]

Tienes razón. Basta con nth-child y nth-last-child (si el número de cuadros resulta ser impar).

[rostein]

Buenos días,

No sabía que se podía arreglar mediante CSS3. Gracias por la respuesta, ahora probaré y os comentaré los resultados.

Gracias!

[quimfv]

Has visto por que fallaba tu intento?

Código PHP:

<?php $sql="SELECT * FROM consejos ORDER BY RAND() LIMIT 6";
$resultado=mysql_query($sql);
$contador=0;
while($fila=mysql_fetch_array($resultado)){;
if($contador % 2 ==0 && $contador>0) echo "<div class='vacio'></div>";
?>
<div class="cuadros">
<h3><?php echo $fila["nombreconsejo"]; ?></h3>
<ul>
<li>Direcci&oacute;n: <?php echo $fila["direccion"]; ?> </li>
<li>Telefono: <?php echo $fila["tfno"]; ?> </li>
<li>Web: <?php echo $fila["web"]; ?> </li>
<li>Email: <?php echo $fila["email"]; ?> </li>
<li><a href="ficha.php?fid=<?php echo $fila['id']?>">Ver ficha</a></li>
</ul>
</div><?php 
// if($contador % 2 ==0 && $contador>0) {; <-- sobra el punto y coma
/// echo "<div class='vacio'></div>";// Insertas despues de que bucle haya insertado el div.
$contador++; //<-- incrementas dentro del condicional
// };<-- sobra el punto y coma
}
//;<-- sobra el punto y coma
?>
 

A pesar de ello si es mejor una solución CSS.

@pateketrueke podrias postear un ejemplo dinamico.

[rostein]

Muchas gracias a todos. Al final, lo he logrado mediante CSS3.

Un saludo!

[Mixvice]

Alguien que me pueda explicar como se hace esto con CSS? llevo un rato intentandolo pero no me sale :(