Hopping php html

3

The problem is that the footer or footer is attached to the images that are going up in the gallery module, but the problem is that it does not make the line jump.

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 YOU TO SEE THIS WAY AND THE JUMP AND AFTER THE FOOTER:

    
asked by Jonathan 26.11.2018 в 01:49
source

2 answers

0

Very well this way was the one that worked for me, what I did was create a block of blank space in <style> since the spaces had predetermined jumps with css and not directly with HTML which did not work for me <br>

Believe me this class, which I call salto that only contained a block of space in blamco

<style type="text/css">
    .salto::after {
    content: "";
    clear: both;
    display: table;
    }
</style>

After the time of printing, call the class salto to give the space;

}

echo $products_item;

}
echo'<div class="salto"></div>'; //Aquí aplico el espacio
include 'pie.php';
?> 

Final result

2

    
answered by 30.12.2018 / 01:30
source
0

[HTML] You could solve it easily with CSS, but since I do not know your CSS code, and only HTML and PHP samples, then, simply solve it with HTML, with the <br/> tag, in the following way.

YOUR PHP CODE SHOULD REMAIN IN THE FOLLOWING FORM

I will add only one line of code ( echo "<br/>"; ) after finishing the while loop, that way, the entire block of images will be separated from the foot.

<?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;
echo "<br/>"; // puedes agregarle varios, si quieres, según creas conveniente


}
include"pie.php";

?>  

In case you want to deepen your knowledge on the label, I leave you the official documentation: Label BR

    
answered by 26.11.2018 в 04:27