The problem is that the footer or footer is attached to the images that are uploaded in the gallery module, but the problem is that it does not make the line break.
GALLERY CODE
<!-- gallery -->
<div class="gallery" id="gallery">
<div class="w3ls-heading">
<h3>Gallery</h3>
<p class="sub">We know that we are your best option</p>
</div>
<?php
$results = $mysqli->query("SELECT idgaleria, nombres, descripcion, imagen FROM galeria");
if($results){
//fetch results set as object and output HTML
$products_item="";
//../vistas/img/galeria/fish/fish.jpg18-11-18-02-11-28534.jpg
while($obj = $results->fetch_object())
{
$products_item .= <<<EOT
<div class="gallery-grids-row">
<div class="col-md-3 gallery-grid">
<div class="wpf-demo-4">
<a href="{$obj->imagen}" class="jzBoxLink item-hover" title="SPOT">
<img src="{$obj->imagen}" alt=" " class="img-responsive" />
<div class="view-caption">
<p>Zoom</p>
</div>
</a>
</div>
</div>
</div>
EOT;
}
echo $products_item;
}
include"pie.php";
?>
I WANT IT TO LOOK THIS WAY AND THE JUMP AND THEN THE FOOTER:
[HTML] You could easily fix it with CSS, but since I don't know your CSS code, and you're only showing HTML and PHP, then just fix it with HTML, with the tag
<br/>
, as follows.YOUR PHP CODE SHOULD LOOK LIKE THE FOLLOWING
I'll add just one line of code (
echo "<br/>";
) after finishing the while loop, that way the whole block of images will be separated from the foot.In case you want to deepen your knowledge on the label, I leave you the official documentation: BR Label
Very well, this way was the one that worked for me, what I did was create a blank space block in a
<style>
since the spaces had default jumps withcss
it and not directly withHTML
it, which is why the<br>
I created this class, which I called
salto
that only contained a block of blank spaceLater, at the time of printing them, I called the class
salto
to give them the space;Final score
two