Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Apenas Eu

Imagem sobre a outra - Isotopo

Por , em Desenvolvimento frontend

Recommended Posts

Apenas Eu    13

Apenas Eu
Postado

Olá tudo bem?

Estou com um probleminha meio dificil de resolver.

Eu usei a técnica do Isotopo que é um tipo de filtro em javascript e css.

Acontece que quando abro a página, algumas fotos ficam em cima da outra. Já tentei várias técnicas mas não consigo. O pior que se dá um refresh na página o problema desaparece.

 

O link:

http://www.dcsdesenvolvimento.com.br/p-impressos-dcs-campo-mourao.php

 

O CSS:

/**** Isotope Filtering ****/
#isotope-container{
	width: 100%;
	margin:0;
    clear: both;
}

.isotope-item {
  z-index: 2;
  width: 33%;
  padding:0px 8px 0px 8px;
}
@media (max-width: 767px) { /* Adjusting for mobile */
	.isotope-item {
	  max-width: 100%;
        clear: both;
	}
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

#filters {
	margin-bottom: 0px;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 10.8s;
     -moz-transition-duration: 10.8s;
      -ms-transition-duration: 10.8s;
       -o-transition-duration: 10.8s;
          transition-duration: 10.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 10s;
     -moz-transition-duration: 10s;
      -ms-transition-duration: 10s;
       -o-transition-duration: 10s;
          transition-duration: 10s;
}

O HTML
(eu não acho que tem DIVS sem fechar, mas derrepente 4 olhos vê mais do que 2 né :) )


<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Amostras de Impressos Personalizados desenvolvidos pela DCS em Campo Mourão">
<meta name="keywords" content="Impressos, campo mourao, logotipo">
<meta name="author" content="Danilo Cardoso Santos">
<script src="http://www.dcsdesenvolvimento.com.br/script/jquery.js"></script>
<link href="http://www.dcsdesenvolvimento.com.br/script/geral.min.css" rel="stylesheet">  
<link href="http://www.dcsdesenvolvimento.com.br/script/menu-principal.css" rel="stylesheet">
<link href="http://www.dcsdesenvolvimento.com.br/script/botoes.css" rel="stylesheet">
<link href="http://www.dcsdesenvolvimento.com.br/script/slide-efeitos.min.css" rel="stylesheet">  <!-- Slide Efeitos Bootstrap Core CSS --> 
<link href="script/icones-bootstrap.min.css" rel="stylesheet">  <!-- icone Bootstrap Core CSS -->
<link href="http://www.dcsdesenvolvimento.com.br/script/tabelas-bootstrap.min.css" rel="stylesheet">  <!-- tabela Bootstrap Core CSS --> 
<link href="http://www.dcsdesenvolvimento.com.br/script/formulario.css" rel="stylesheet">  <!-- tabela Bootstrap Core CSS -->   <!-- CSS e TAGS em geral Geral --> 
<link href="http://www.dcsdesenvolvimento.com.br/script/isotopo.css" rel="stylesheet"> <!-- Slide Custom CSS -->
<title>Portifólio de Impressos - Dcs Desenvolvimento - Campo Mourão - PR - 44 3525 0990</title>
 <!-- Custom styles for this template -->
 <!-- Resources -->
</head>
<body>
<nav class="clear-fix nav-total">
<ul >
<img src="http://www.dcsdesenvolvimento.com.br/imagens/logo.png" title="DCS - Campo Mourão - PR - 44 3525 0990" >
<li><a href="http://www.dcsdesenvolvimento.com.br/index.php"  >Início</a></li>
<li><a href="http://www.dcsdesenvolvimento.com.br/sobre-a-historia.php" >Sobre a</a></li>
<li><a href="http://www.dcsdesenvolvimento.com.br/servicos-dcs-campo-mourao.php">Serviços</a></li>
<li><a href="http://www.dcsdesenvolvimento.com.br/produtos-dcs.php">Produtos</a></li>
<li><a href="http://www.dcsdesenvolvimento.com.br/promocao10-cm.php">Promoção 10</a></li>
<li><a href="http://www.dcsdesenvolvimento.com.br/artigos.php"  >Artigos</a></li>
<li><a href="http://www.dcsdesenvolvimento.com.br/clientes.php"  >Clientes</a></li>
<li><a href="http://www.dcsdesenvolvimento.com.br/portifolio-dcs-campo-mourao.php" >Amostras</a></li>
<li ><a href="http://www.dcsdesenvolvimento.com.br/contato.php"  >Contato</a></li>
<li><a href='http://www.dcsdesenvolvimento.com.br/login.php'>Login</a></li> 
</ul>
<a href="#" id="pull">DCS</a>
</nav><header class="sb-page-header">
	<div class="container-fluid">
<h1>Portifólio</h1>
<p>Algumas amostras desenvolvidas pela DCS</p>
</div>
</header>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-lg-2 col-md-2 col-sm-12">
<a class="img-responsive img-portfolio img-hover"href="http://www.dcsdesenvolvimento.com.br/p-impressos-dcs-campo-mourao.php"><img src="http://www.dcsdesenvolvimento.com.br/imagens/impressos.jpg" alt="Amostras de Impressos da DCS Campo Mourão PR" title="Amostras de Impressos da DCS Campo Mourão PR"></a>
</div><!-- Fim da coluninha -->
<div class="col-lg-2 col-md-2 col-sm-12">
<a class="img-responsive img-portfolio img-hover"href="http://www.dcsdesenvolvimento.com.br/p-books-fotograficos-campo-mourao.php"><img src="http://www.dcsdesenvolvimento.com.br/imagens/books.jpg" alt="Amostras de Books da DCS Campo Mourão PR" title="Amostras de Books da DCS Campo Mourão PR"></a>
</div><!-- Fim da coluninha -->
<div class="col-lg-2 col-md-2 col-sm-12">
<a class="img-responsive img-portfolio img-hover"href="http://www.dcsdesenvolvimento.com.br/p-web-dcs-campo-mourao.php"><img src="http://www.dcsdesenvolvimento.com.br/imagens/web.jpg" alt="Amostras de Sites da DCS Campo Mourão PR" title="Amostras de Sites da DCS Campo Mourão PR"></a>
</div><!-- Fim da coluninha -->
<div class="col-lg-2 col-md-2 col-sm-12">
<a class="img-responsive img-portfolio img-hover"href="http://www.dcsdesenvolvimento.com.br/p-logos-dcs-campo-mourao.php"><img src="http://www.dcsdesenvolvimento.com.br/imagens/logo.jpg" alt="Amostras de Logotipos da DCS Campo Mourão PR" title="Amostras de Logotipos da DCS Campo Mourão PR"></a>
</div><!-- Fim da coluninha -->
<div class="col-lg-2 col-md-2 col-sm-12">
<a class="img-responsive img-portfolio img-hover"href="http://www.dcsdesenvolvimento.com.br/p-artes-dcs-campo-mourao.php"><img src="http://www.dcsdesenvolvimento.com.br/imagens/arte.jpg" alt="Amostras de Artes em Geral da DCS Campo Mourão PR" title="Amostras de Artes em Geral da DCS Campo Mourão PR"></a>
</div><!-- Fim da coluninha -->
<div class="col-lg-2 col-md-2 col-sm-12">
<a class="img-responsive img-portfolio img-hover"href="http://www.dcsdesenvolvimento.com.br/p-brindes-dcs-campo-mourao.php"><img src="http://www.dcsdesenvolvimento.com.br/imagens/brindes.jpg" alt="Amostras de Brindes e Comunicação Visual da DCS Campo Mourão PR" title="Amostras de Brindes e Comunicação Visual da DCS Campo Mourão PR"></a>
</div><!-- Fim da coluninha -->
</div></div><!-- Fim da coluna -->
<div class="col-md-12">
<h2>Impressos</h2>
</div><!-- Fim da coluna -->
 </div><!-- Fim do row -->
 </div><!-- Fim do container -->
   <!-- Wrapper -->
    <div class="wrapper">
 <div class="container">
<div class="row">
  <div class="col-sm-12">
    <div class="button-group centralizar" id="filters">
<a href="#" class="botao btn-azul" data-filter="*">Todos</a>
<a href="#" class="botao btn-azul" data-filter=".cat-1"><span class="hidden-xs"></span>Cartões de Visita</a>
<a href="#" class="botao btn-azul" data-filter=".cat-2"><span class="hidden-xs"></span>Folhetos</a>
<a href="#" class="botao btn-azul" data-filter=".cat-3"><span class="hidden-xs"></span> Convites de Casamento</a>
<p class="clearfix"></p>   
</div>
  </div>
</div>
<div class="row">
  <div class="" id="isotope-container">
		  <div class="col-md-4 col-sm-6 isotope-item cat-3 ">
<a href="portifolio-impressos-descricao.php?id_amostras=24">
<img src="http://www.dcsdesenvolvimento.com.br/imagens/p-lr1.jpg" class="img-responsive img-portfolio img-hover"  alt="Amostras dos convites personalizados Clássico 3, desenvolvido por DCS Campo Mourão" title="Amostras dos convites personalizados Clássico 3, desenvolvido por DCS Campo Mourão">
</a>
<p class="clearfix"></p>
</div><!-- / .fim da coluninha das fotos -->
<div class="col-md-4 col-sm-6 isotope-item cat-3 ">
<a href="portifolio-impressos-descricao.php?id_amostras=23">
<img src="http://www.dcsdesenvolvimento.com.br/imagens/p-an1.jpg" class="img-responsive img-portfolio img-hover"  alt="Amostras dos convites personalizados especial 2, desenvolvido por DCS Campo Mourão" title="Amostras dos convites personalizados especial 2, desenvolvido por DCS Campo Mourão">
</a>
<p class="clearfix"></p>
</div><!-- / .fim da coluninha das fotos -->
<div class="col-md-4 col-sm-6 isotope-item cat-3 ">
<a href="portifolio-impressos-descricao.php?id_amostras=22">
<img src="http://www.dcsdesenvolvimento.com.br/imagens/p-ra1.jpg" class="img-responsive img-portfolio img-hover"  alt="Amostras dos convites personalizados especial 2, desenvolvido por DCS Campo Mourão" title="Amostras dos convites personalizados especial 2, desenvolvido por DCS Campo Mourão">
</a>
<p class="clearfix"></p>
</div><!-- / .fim da coluninha das fotos -->
<div class="col-md-4 col-sm-6 isotope-item cat-1 ">
<a href="portifolio-impressos-descricao.php?id_amostras=21">
<img src="http://www.dcsdesenvolvimento.com.br/imagens/p-th1.jpg" class="img-responsive img-portfolio img-hover"  alt="Amostras dos Cartões de Visita Personalizados feitos para a Theodoru´s Bouthique, desenvolvido por DCS Campo Mourão" title="Amostras dos Cartões de Visita Personalizados feitos para a Theodoru´s Bouthique, desenvolvido por DCS Campo Mourão">
</a>
<p class="clearfix"></p>
</div><!-- / .fim da coluninha das fotos -->
<div class="col-md-4 col-sm-6 isotope-item cat-1 ">
<a href="portifolio-impressos-descricao.php?id_amostras=20">
<img src="http://www.dcsdesenvolvimento.com.br/imagens/p-jf1.jpg" class="img-responsive img-portfolio img-hover"  alt="Amostras dos Cartões de Visita Personalizados feitos para a Jú Fashion, desenvolvido por DCS Campo Mourão" title="Amostras dos Cartões de Visita Personalizados feitos para a Jú Fashion, desenvolvido por DCS Campo Mourão">
</a>
<p class="clearfix"></p>
</div><!-- / .fim da coluninha das fotos -->
<div class="col-md-4 col-sm-6 isotope-item cat-1 ">
<a href="portifolio-impressos-descricao.php?id_amostras=19">
<img src="http://www.dcsdesenvolvimento.com.br/imagens/p-pc1.jpg" class="img-responsive img-portfolio img-hover"  alt="Amostras dos Cartões de Visita Personalizados feitos para Dilmar Psicólogo, desenvolvido por DCS Campo Mourão" title="Amostras dos Cartões de Visita Personalizados feitos para Dilmar Psicólogo, desenvolvido por DCS Campo Mourão">
</a>
<p class="clearfix"></p>
</div><!-- / .fim da coluninha das fotos -->
<div class="col-md-4 col-sm-6 isotope-item cat-1 ">
<a href="portifolio-impressos-descricao.php?id_amostras=18">
<img src="http://www.dcsdesenvolvimento.com.br/imagens/p-pj1.jpg" class="img-responsive img-portfolio img-hover"  alt="Amostras dos Cartões de Visita Personalizados feitos para a Padaria Bom Sabor, desenvolvido por DCS Campo Mourão" title="Amostras dos Cartões de Visita Personalizados feitos para a Padaria Bom Sabor, desenvolvido por DCS Campo Mourão">
</a>
<p class="clearfix"></p>
</div><!-- / .fim da coluninha das fotos -->
<div class="col-md-4 col-sm-6 isotope-item cat-1 ">
<a href="portifolio-impressos-descricao.php?id_amostras=17">
<img src="http://www.dcsdesenvolvimento.com.br/imagens/p-pt1.jpg" class="img-responsive img-portfolio img-hover"  alt="Amostras dos Cartões de Visita Personalizados feitos para a Pastelaria Dois Irmãos, desenvolvido por DCS Campo Mourão" title="Amostras dos Cartões de Visita Personalizados feitos para a Pastelaria Dois Irmãos, desenvolvido por DCS Campo Mourão">
</a>
<p class="clearfix"></p>
</div><!-- / .fim da coluninha das fotos -->
<div class="col-md-4 col-sm-6 isotope-item cat-1 ">
<a href="portifolio-impressos-descricao.php?id_amostras=16">
<img src="http://www.dcsdesenvolvimento.com.br/imagens/p-lh1.jpg" class="img-responsive img-portfolio img-hover"  alt="Amostras dos Cartões de Visita Personalizados feitos para a Linda Hair, desenvolvido por DCS Campo Mourão" title="Amostras dos Cartões de Visita Personalizados feitos para a Linda Hair, desenvolvido por DCS Campo Mourão">
</a>
<p class="clearfix"></p>
</div><!-- / .fim da coluninha das fotos -->
<div class="col-md-4 col-sm-6 isotope-item cat-1 ">
<a href="portifolio-impressos-descricao.php?id_amostras=15">
<img src="http://www.dcsdesenvolvimento.com.br/imagens/p-af1.jpg" class="img-responsive img-portfolio img-hover"  alt="Amostras dos Cartões de Visita Personalizados feitos para a Afrodite Centro de Beleza, desenvolvido por DCS Campo Mourão" title="Amostras dos Cartões de Visita Personalizados feitos para a Afrodite Centro de Beleza, desenvolvido por DCS Campo Mourão">
</a>
<p class="clearfix"></p>
</div><!-- / .fim da coluninha das fotos -->
<div class="col-md-4 col-sm-6 isotope-item cat-1 ">
<a href="portifolio-impressos-descricao.php?id_amostras=12">
<img src="http://www.dcsdesenvolvimento.com.br/imagens/p-dn1.jpg" class="img-responsive img-portfolio img-hover"  alt="Amostras dos Cartões de Visita Personalizados feitos para a Dna Informática, desenvolvido por DCS Campo Mourão" title="Amostras dos Cartões de Visita Personalizados feitos para a Dna Informática, desenvolvido por DCS Campo Mourão">
</a>
<p class="clearfix"></p>
</div><!-- / .fim da coluninha das fotos -->
<div class="col-md-4 col-sm-6 isotope-item cat-1 ">
<a href="portifolio-impressos-descricao.php?id_amostras=11">
<img src="http://www.dcsdesenvolvimento.com.br/imagens/p-pa1.jpg" class="img-responsive img-portfolio img-hover"  alt="Amostras dos Cartões de Visita Personalizados feitos para a Padaria Pão Dourado, desenvolvido por DCS Campo Mourão" title="Amostras dos Cartões de Visita Personalizados feitos para a Padaria Pão Dourado, desenvolvido por DCS Campo Mourão">
</a>
<p class="clearfix"></p>
</div><!-- / .fim da coluninha das fotos -->
<div class="col-md-4 col-sm-6 isotope-item cat-1 ">
<a href="portifolio-impressos-descricao.php?id_amostras=10">
<img src="http://www.dcsdesenvolvimento.com.br/imagens/p-ho1.jpg" class="img-responsive img-portfolio img-hover"  alt="Amostras dos Cartões de Visita Personalizados feitos para a Floricultura Hortência, desenvolvido por DCS Campo Mourão" title="Amostras dos Cartões de Visita Personalizados feitos para a Floricultura Hortência, desenvolvido por DCS Campo Mourão">
</a>
<p class="clearfix"></p>
</div><!-- / .fim da coluninha das fotos -->
<div class="col-md-4 col-sm-6 isotope-item cat-1 ">
<a href="portifolio-impressos-descricao.php?id_amostras=9">
<img src="http://www.dcsdesenvolvimento.com.br/imagens/p-ya1.jpg" class="img-responsive img-portfolio img-hover"  alt="Amostras dos Cartões de Visita Personalizados feitos para a Comercial Elétrica Yamato, desenvolvido por DCS Campo Mourão" title="Amostras dos Cartões de Visita Personalizados feitos para a Comercial Elétrica Yamato, desenvolvido por DCS Campo Mourão">
</a>
<p class="clearfix"></p>
</div><!-- / .fim da coluninha das fotos -->
<div class="col-md-4 col-sm-6 isotope-item cat-1 ">
<a href="portifolio-impressos-descricao.php?id_amostras=8">
<img src="http://www.dcsdesenvolvimento.com.br/imagens/p-ol1.jpg" class="img-responsive img-portfolio img-hover"  alt="Amostras dos Cartões de Visita Personalizados feitos para a Frete e Mudanças, desenvolvido por DCS Campo Mourão" title="Amostras dos Cartões de Visita Personalizados feitos para a Frete e Mudanças, desenvolvido por DCS Campo Mourão">
</a>
<p class="clearfix"></p>
</div><!-- / .fim da coluninha das fotos -->
<div class="col-md-4 col-sm-6 isotope-item cat-1 ">
<a href="portifolio-impressos-descricao.php?id_amostras=7">
<img src="http://www.dcsdesenvolvimento.com.br/imagens/p-ja1.jpg" class="img-responsive img-portfolio img-hover"  alt="Amostras dos Cartões de Visita Personalizados feitos para a Almeida Consultoria, desenvolvido por DCS Campo Mourão" title="Amostras dos Cartões de Visita Personalizados feitos para a Almeida Consultoria, desenvolvido por DCS Campo Mourão">
</a>
<p class="clearfix"></p>
</div><!-- / .fim da coluninha das fotos -->
<div class="col-md-4 col-sm-6 isotope-item cat-1 ">
<a href="portifolio-impressos-descricao.php?id_amostras=6">
<img src="http://www.dcsdesenvolvimento.com.br/imagens/p-fr1.jpg" class="img-responsive img-portfolio img-hover"  alt="Amostras dos Cartões de Visita Personalizados feitos para a Padilha - Advogados Associados, desenvolvido por DCS Campo Mourão" title="Amostras dos Cartões de Visita Personalizados feitos para a Padilha - Advogados Associados, desenvolvido por DCS Campo Mourão">
</a>
<p class="clearfix"></p>
</div><!-- / .fim da coluninha das fotos -->
<div class="col-md-4 col-sm-6 isotope-item cat-1 ">
<a href="portifolio-impressos-descricao.php?id_amostras=5">
<img src="http://www.dcsdesenvolvimento.com.br/imagens/p-po1.jpg" class="img-responsive img-portfolio img-hover"  alt="Amostras dos Cartões de Visita Personalizados feitos para a Polis Advocacia e Consultoria, desenvolvido por DCS Campo Mourão" title="Amostras dos Cartões de Visita Personalizados feitos para a Polis Advocacia e Consultoria, desenvolvido por DCS Campo Mourão">
</a>
<p class="clearfix"></p>
</div><!-- / .fim da coluninha das fotos -->
<div class="col-md-4 col-sm-6 isotope-item cat-1 ">
<a href="portifolio-impressos-descricao.php?id_amostras=4">
<img src="http://www.dcsdesenvolvimento.com.br/imagens/p-ma1.jpg" class="img-responsive img-portfolio img-hover"  alt="Amostras dos Cartões de Visita Personalizados feitos para a Construtora Piacentini, desenvolvido por DCS Campo Mourão" title="Amostras dos Cartões de Visita Personalizados feitos para a Construtora Piacentini, desenvolvido por DCS Campo Mourão">
</a>
<p class="clearfix"></p>
</div><!-- / .fim da coluninha das fotos -->
<div class="col-md-4 col-sm-6 isotope-item cat-1 ">
<a href="portifolio-impressos-descricao.php?id_amostras=3">
<img src="http://www.dcsdesenvolvimento.com.br/imagens/p-pi1.jpg" class="img-responsive img-portfolio img-hover"  alt="Amostras dos Cartões de Visita Personalizados feitos para a Construtora Piacentini, desenvolvido por DCS Campo Mourão" title="Amostras dos Cartões de Visita Personalizados feitos para a Construtora Piacentini, desenvolvido por DCS Campo Mourão">
</a>
<p class="clearfix"></p>
</div><!-- / .fim da coluninha das fotos -->
<div class="col-md-4 col-sm-6 isotope-item cat-1 ">
<a href="portifolio-impressos-descricao.php?id_amostras=2">
<img src="http://www.dcsdesenvolvimento.com.br/imagens/p-jo1.jpg" class="img-responsive img-portfolio img-hover"  alt="Amostras dos Cartões de Visita Personalizados feitos para a Advocacia Cruz, desenvolvido por DCS Campo Mourão" title="Amostras dos Cartões de Visita Personalizados feitos para a Advocacia Cruz, desenvolvido por DCS Campo Mourão">
</a>
<p class="clearfix"></p>
</div><!-- / .fim da coluninha das fotos -->
<div class="col-md-4 col-sm-6 isotope-item cat-1 ">
<a href="portifolio-impressos-descricao.php?id_amostras=1">
<img src="http://www.dcsdesenvolvimento.com.br/imagens/p-ci1.jpg" class="img-responsive img-portfolio img-hover"  alt="Amostras dos Cartões de Visita Personalizados feitos para a Cicloval Motor´s, desenvolvido por DCS Campo Mourão" title="Amostras dos Cartões de Visita Personalizados feitos para a Cicloval Motor´s, desenvolvido por DCS Campo Mourão">
</a>
<p class="clearfix"></p>
</div><!-- / .fim da coluninha das fotos -->
</div><!-- / .fim isotope -->
</div><!-- / .row -->
</div> <!-- / .container -->
</div> <!-- / .wrapper -->
<p class="clearfix"></p>
<div class="container">
<div class="row">
<p class="clearfix"></p>
<div class="col-md-12"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 2015 - DCS Rodap� -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-8534859491480010"
     data-ad-slot="6701179476"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
</div>
</div><!-- / .container -->
<p class="clearfix"></p>
<div class="caixa-pesquisa">
    <form action="http://www.dcsdesenvolvimento.com.br/pesquisa.php" id="cse-search-box">
      <div>
        <input type="hidden" name="cx" value="partner-pub-8534859491480010:6856561148" />
        <input type="hidden" name="cof" value="FORID:10" />
        <input type="hidden" name="ie" value="UTF-8" />
       <input type="text" name="q" size="50" class="pesquisa" placeholder="Não achou o que Procura?" />
      <button type="submit" class="btn-azul" value="Search" style="float:left"><i class="glyphicon glyphicon-search"></i> Buscar</button>
         </div>
    </form>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">google.load("elements", "1", {packages: "transliteration"});</script>
    <script type="text/javascript" src="http://www.google.com/cse/t13n?form=cse-search-box&t13n_langs=en"></script>
    </div><!-- fim da div principal -->
<footer>
<div class="row">
  <div class="col-md-4">
 <p><strong>Contato</strong> </p>
 <p>Rua Begônia, 634 - Jd. Lar Paraná<br>
Campo Mourão - Paraná</p>
 <p>Fone: 44 3525 0990 <br> E-mail: <a class="link" href="mailto:danilo@dcsdesenvolvimento.com.br">danilo@dcsdesenvolvimento.com.br</a></p>
 </div>
  <div class="col-md-4" >
 <p><strong>Redes Sociais</strong></p>
 <a href="https://www.facebook.com/dcsdesenvolvimento"> <img src="http://www.dcsdesenvolvimento.com.br/imagens/facebook_4096_black.png" width="20%" /></a>
 <p>Compartilhe</p>
<p style="margin: 0 auto; text-align:center" class="centralizar"><a class="soboo soboo-contador" data-hover="default" data-model="square" data-orientation="horizontal" data-services="twitter facebook linkedin googleplus" data-userid="20895" href="http://www.seomaster.com.br/bookmark.html"></a></p>
  </div>
   <div class="col-md-4">
<p><strong>Parceiros</strong></p>
  </div>
<p><a href="http://www.jasadesenvolvimento.com.br"><img src="http://www.cafecompoesia.com.br/cad_banner---trasI/img/A_IMAGENS_10_07_2013_07_17_27_1373494647.png" alt="Parceria: Jasa Produções e DCS" title="Pareria: Jasa Produções e DCS" width="9.8%"/></a><a href="http://osportaistem.com.br/"><img src="http://www.sociedademundialdospoetas.com.br/cad_parceirosI/miniatura/A_IMAGENS_19_07_2011_07_53_49_1311116029.jpg" alt="Parceria: OS PORTAIS TEM! e DCS" title="Parceria: OS PORTAIS TEM! e DCS" width="8.7%"/></a><a href="https://www.facebook.com/estudiosaleteevanderlei?pnref=lhc"><img src="http://www.dcsdesenvolvimento.com.br/imagens/estudio1.png" alt="Parceria: Estúdio Salete e Vanderley Kuyava e DCS" title="Parceria: Estúdio Salete e Vanderley Kuyava e DCS" width="10%" /></a></p>
</div>
<p class="clear"></p>
<div class="footer-below">
    <div class="row">
<div class="col-lg-12">
<p>2015 <a rel="author" class="link" href="https://plus.google.com/103241735583846483555">Danilo Cardoso</a> <a rel="me" href="https://plus.google.com/103241735583846483555">
  <img src="//www.google.com/images/icons/ui/gprofile_button-16.png" alt="Google+ " title="Google+ "></a> 
    <a class="link" href="http://www.dcsdesenvolvimento.com.br/sobre-a-politica-de-uso.php">Política de uso e Termos de Privacidade</a> - Hospedagem <a class="link" href="http://jasaproducoes.com.br/" target="_blank" rel="nofollow">Jasa Produções</a></p>
</div>
</div>
 </div>
</footer>
</body>
</html>
<script src="http://www.dcsdesenvolvimento.com.br/script/scripts.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type='text/javascript' src="http://www.seomaster.com.br/js/soboo2.js"></script>
<!-- Scripts do rodape :) -->
<script src="http://www.dcsdesenvolvimento.com.br/script/isotop.js"></script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

rikaschmitt    54

rikaschmitt
Postado

Ele fica "acumulado" no final da página né? Testei no Chrome no Firefox, em ambos aconteceu isso.

Parece que a altura da div pai está pequena, fazendo os últimos ficarem um em cima do outro.. o que parece estranho, já que esse plugin deve fazer o ajuste da altura automaticamente. Será que não está setado algum parâmetro para ele fazer esse "efeito acumulativo" no final?

Compartilhar este post

Link para o post
Compartilhar em outros sites

L. Henrique    179

L. Henrique
Postado

Seguindo a linha do Rikaschmitt, o Isotopo tem sua configuração de ajuste automático, no caso, você não deveria estar tendo problemas quanto a isso. Ele também alertou que aconteceu isso no Chrome e no Firefox, enquanto onde estou, teste no Chrome, Firefox e Opera e nenhum deles ocorreu erros. Possivelmente pode ser o responsive quanto ao screen-view.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Apenas Eu    13

Apenas Eu
Postado

Olá!

 

Pois é. Não é sempre que aparece. Eu testei no chorme e no IE e as vezes o problema aparece e as vezes não. Como podem ver eu dei um <clear fix> ao fim de cada foto para garantir, mas continua acontecendo. Mesmo que apareça e se clicar ali em "tudo" no filtro, corrige o problema.

 

E no CSS do Isotopo não tem aonde mexer na altura né? No caso eu estou usando o isotopo + Boostrap

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito