How to display an entire image

0

Well, I removed a layout from the internet to edit it, but when I do <img src=""> and then I put a <a> behind and a <a> in front of the image, only a part of the image appears to me. the whole image appears, as I can do to display the entire image and not just a part of the image.

Full Code:

<?php
include("config.php");


?>

<?php
$idcarro = $_GET["idcarro"];

$verifica = mysqli_query($link, "SELECT * from carros where id='$idcarro'");
$array = mysqli_fetch_array($verifica);

$verifica2 = mysqli_query($link, "SELECT * from imgcarros where idcarro='$idcarro'");

?>


<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title><?php echo $array["marca"]; ?> <?php echo $array["modelo"]; ?> - Segmento Casual</title>
    <link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,200,300,700,600' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Raleway:400,100' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/owl.carousel.css">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="css/responsive.css">


    <style>
    body { height: 100vh; overflow: hidden; margin: 0; padding: 0; }
    #paragrafo{

            font-family: "Trebuchet MS", Times, serif;

    }

    </style>
     <link rel="stylesheet" href="bjqs.css">
    <link href='http://fonts.googleapis.com/css?family=Source+Code+Pro|Open+Sans:300' rel='stylesheet' type='text/css'> 
    <link rel="stylesheet" href="demo.css">
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script><scriptsrc="js/bjqs-1.3.min.js"></script>

  </head>
  <body>



    <div class="site-branding-area">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    <div class="logo">
                        <h1><a href="./"><img src="img/logo.png"></a></h1>
                    </div>
                </div>

                <div class="col-sm-6">

                </div>
            </div>
        </div>
    </div> <!-- End site branding area -->

    <div class="mainmenu-area">
        <div class="container">
            <div class="row">
                <div class="navbar-header">


                </div> 
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="index.php">Início</a></li>
                        <li><a href="sobrenos.php">Sobre Nós</a></li>
                        <li><a href="contacto.php">Contacto</a></li>
                    </ul>
                </div>  
            </div>
        </div>
    </div> <!-- End mainmenu area -->

    <div class="product-big-title-area">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                </div>
            </div>
        </div>
    </div>

    <div class="single-product-area">
        <div class="zigzag-bottom"></div>
        <div class="container">
            <div style="margin-left:0.1%; margin-top:-4%;" class="row">




                    <!-- Fim do Padrão com o Site -->

                <b style="font-size:23px;"><?php echo $array["marca"]; ?>

                <?php echo $array["modelo"]; ?>
                </b>

                <br>
                <br>
                <br>
                <div style="font-size:17.5px;">
                Marca: <?php echo $array["marca"]; ?>
                <br>
                Modelo: <?php echo $array["modelo"]; ?>
                <br>
                Combústivel: <?php echo $array["combustivel"]; ?>
                <br>
                Preço: <?php echo $array["preco"]; ?>€
                <br>
                Ano: <?php echo $array["ano"]; ?>
                <br>
                Quilómetros: <?php echo $array["quilometros"]; ?>
                <br>
                Contacto: 912661231
                </div>

                <!-- Fim do que interessa -->

<!-- Inicio Slide -->

<div style="margin-top:-20%; margin-right:-11%;" id="container">


      <div id="banner-fade">
      <a>
        <ul class="bjqs">
        <?php while($array2 = mysqli_fetch_array($verifica2)){ ?>
          <li><a><img style src="admin/<?php echo $array2["img"]; ?>"></a></li>


        <?php } ?>
        </ul>
        </a>
      </div>
      <script class="secret-source">
        jQuery(document).ready(function($) {

          $('#banner-fade').bjqs({
            height      : 340,
            width       : 460,
            responsive  : true
          });

        });
      </script>
    </div>


    <script>
    jQuery(function($) {

        $('.secret-source').secretSource({
            includeTag: false
        });

    });
    </script>



<!-- Fim Slide -->





            <div class="row">
                <div class="col-md-12">
                    <div class="product-pagination text-center">
                        <nav>
                          <ul class="pagination">
                          <br>
                            </li>
                          </ul>
                        </nav>                        
                    </div>
                </div>
            </div>
        </div>
    </div>

<p id="paragrafo" style="margin-left:8%; margin-top:-7%;">Todos os Direitos Reservados 2015/2016 - Site desenvolvido por <a href="https://www.linkedin.com/in/gonçalo-tavares-733383118?">Gonçalo Tavares</a></p>
    </div>


    <script src="https://code.jquery.com/jquery.min.js"></script><scriptsrc="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/jquery.sticky.js"></script>
    <script src="js/jquery.easing.1.3.min.js"></script>
    <script src="js/main.js"></script>
  </body>
</html>

Part of what I mean:

<li><a><img style src="admin/<?php echo $array2["img"]; ?>"></a></li>

Thank you

    
asked by anonymous 11.04.2016 / 13:48

1 answer

0
  

This happens because of your css configuration, you've manipulated the borders and> you want to load a large image in relation to the size of your page! to> resolve this you should either manipulate the margin attributes or decrease the overall size of the image using pencil.

    
12.04.2016 / 18:40