0

Bom, eu retirei um layout da internet para o editar, porém quando eu faço <img src=""> e depois meto um <a> atrás e um <a> a frente da imagem, só me aparece uma parte da imagem e não me aparece toda a imagem, como poderei fazer para exibir toda a imagem e não só uma parte da imagem.

Código Completo:

<?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>
    <script src="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>
    <script src="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>

Parte a que me refiro:

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

Obrigado

9
  • Poderia colocar o código? 11/04/2016 às 11:49
  • O Código é muito comprido, não cabe na pergunta.
    – Gonçalo
    11/04/2016 às 11:50
  • Gonçalo, não precisa ser ele todo, basta ser um Exemplo Mínimo, Completo e Verificável.
    – user28595
    11/04/2016 às 11:51
  • Sem o código fica mais complicado enxergar seu problema. 11/04/2016 às 11:51
  • Já coloquei o código.
    – Gonçalo
    11/04/2016 às 11:52

1 Resposta 1

0

Isto acontece devido devido a sua configuracao do css, manipulaste as margens e >pretendes carregar uma imagem grande em relacao a dimensao da sua pagina ! para >resolver isso deves manipular os atributos margin ou diminuir o tamanho geral da >imagem usando pencil.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .