Jump to content
Mauricio Molina

Erro em DIV

Recommended Posts

Bom dia.

 

Estou com um problema com uma DIV, não esta espaçando da anterior, e não estou conseguindo arrumar, acredito estar passando pequeno detalhe.

 

Se alguém puder me dar uma força agradeço.

 

Ainda estou limpando o código!

 

Div em questão:

 

 <?php if ($data['imovel']->imovel_preco_condominio >0): ?>
		   
	  	<div class="heading-title heading-title-sm bg-white">
                                <h2>OUTROS VALORES</h2>
                            </div>
							
							<div class="visao">
            <div class="titulo">Condomínio</div>
            <div class="texto">			
               <?= Filter::moeda($data['imovel']->imovel_preco_condominio); ?>
			   
            </div>
        </div>
		 <?php endif; ?>
		<?php if ($data['imovel']->imovel_preco_iptu >0): ?>
        <div class="visao">
            <div class="titulo">IPTU</div>
            <div class="texto">
			
                <?= Filter::moeda($data['imovel']->imovel_preco_iptu); ?>
				
            </div>
        </div>
		 <?php endif; 

 

Segue o código completo:

 

<!DOCTYPE html>
      <style>
            .visao{
                border: 5px solid #e3dfdf;
                width: 25%;
                float: left;
                box-sizing: border-box;
                margin-bottom: 60px;
				margin-top: 5px;
				
				 }
			.visao-financ{
                border: 5px solid #e3dfdf;
                width: 30%;
                box-sizing: border-box;
                margin-bottom: 60px;
				margin-top: 5px;
				margin-left: auto;
                margin-right: auto;
				
            
				
            }
			.visao-preco{
                border: 5px solid #e3dfdf;
                width: 30%;
                box-sizing: border-box;
                margin-bottom: 60px;
				margin-top: 5px;
				margin-left: auto;
                margin-right: auto;
				
            }
            .titulo{
                background: blue;
                color: #fff;
                text-align: center;
				font-size: 16px;
				
				}
            .titulo-financ{
                background: blue;
                color: #fff;
                text-align: center;
				font-size: 20px;
            }
            .texto{
                padding: 10px;
				text-align: center;
				color: black;
				font-size: 16px;
                
            }
            @media screen and (max-width: 850px) {
                .visao {
                    width: 50%;
                }
            }

            @media screen and (max-width: 480px) {
                .visao {
                    width: 50%;
                }
            }
			            @media screen and (max-width: 480px) {
                .visao-preco {
                    width: 100%;
                }
            }
        </style>
<html lang="pt-br">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
        <!--SEO-->
        <meta name="application-name" content="<?= $data['config']->config_nome; ?>" />
        <meta name="description" content="<?= $data['config']->config_seo_desc; ?>" />
        <meta name="keywords" content="<?= $data['config']->config_seo_keys; ?>" />
        <meta name="author" content="<?= $data['config']->config_seo_autor; ?>">
        <meta name="title" content="<?= $data['imovel']->tipo_nome; ?> em <?= $data['imovel']->cidade_nome; ?> - <?= $data['imovel']->bairro_nome; ?>  | <?= $data['config']->config_nome; ?>" />
        <link rel="canonical" href="<?= Http::base() ?>/detalhes-do-imovel/<?= $data['imovel']->cidade_url; ?>/<?= $data['imovel']->bairro_url; ?>/<?= $data['imovel']->imovel_id; ?>" />
        <link rel="shortcut icon" href="<?= Http::base() ?>/midias/icon/<?= $data['config']->config_icon; ?>">
        <title><?= $data['config']->config_nome; ?></title>
        <meta property="og:image" content="<?= Http::base(); ?>/midias/thumb.php?zc=1&w=1400&h=768&src=fotos/<?= $data['imovel']->foto_url; ?>" />
        <meta property="og:type" content="article" />
        <meta property="og:description" content="<?= strip_tags($data['imovel']->imovel_descricao); ?>" />
        <meta property="og:url"  content="<?= Http::base() ?>/detalhes-do-imovel/<?= $data['imovel']->cidade_url; ?>/<?= $data['imovel']->bairro_url; ?>/<?= $data['imovel']->imovel_id; ?>" />
        <!-- Bootstrap core CSS -->
        <link href="<?= Http::base() ?>/view/site/css/bootstrap.css" rel="stylesheet">
        <!-- Custom styles for this template -->
        <link href='//fonts.googleapis.com/css?family=Open+Sans:400,600,800' rel='stylesheet' type='text/css'>
        <link href="<?= Http::base() ?>/view/site/css/font-awesome.min.css" rel="stylesheet">
        <link href="<?= Http::base() ?>/view/site/css/nouislider.min.css" rel="stylesheet">
        <link href="<?= Http::base() ?>/view/site/css/style-<?= $data['config']->config_color; ?>.css" rel="stylesheet">
        <link href="<?= Http::base() ?>/view/site/css/style-custom.css" rel="stylesheet">
        <link href="<?= Http::base() ?>/view/site/css/responsive.css" rel="stylesheet">
		<link href="<?= Http::base() ?>/view/site/css/style-visao.css" rel="stylesheet">
        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
          <script src="js/html5shiv.js"></script>
          <script src="js/respond.min.js"></script>
        <![endif]-->
        <?php if ($data['config']->config_ga != ""): ?>
            <?= $data['config']->config_ga; ?>
        <?php endif; ?>
    </head>
    <body>
        <?php require_once 'menu-topo.php'; ?>

        <!-- begin:header -->
        <div id="header" class="heading" style="background-image: url(<?= Http::base() ?>/midias/thumb.php?zcc=3&w=1024&h=768&src=contato/<?= $data['contato'][0]->contato_foto ?>);">
            <?php if (Filter::check_agent('browser')) : ?>
                <?php require_once 'topo-busca.php'; ?>
            <?php endif; ?>
        </div>
        <!-- end:header -->
        <!-- begin:content -->
        <div id="content">
            <div class="container">
                <div class="row">
                    <!-- begin:article -->
					
                    <div class="col-md-9 col-sm-9 col-xs-12 col-md-push-3">
                        <div class="row">
                            <div class="col-md-12 single-post">
							<ul id="myTab" class="nav nav-tabs nav-justified">							
                                    <li class="active"><a href="#detail" data-toggle="tab"><i class="fa fa-university"></i> DETALHES DO IMÓVEL</a></li>
                                    <li class="hidden"><a href="#location" data-toggle="tab"><i class="fa fa-map-marker"></i> localização</a></li>
                                </ul>
                                <div id="myTabContent" class="tab-content">
                                    <div class="tab-pane fade in active" id="detail">
                                        <div class="row">
                                            <div class="col-md-12 col-sm-12 col-xs-12">
																							
                                             <!-- faixa aceita financimento -->
											 
											 
                                            <div class="titulo-financ"><?= $data['imovel']->imovel_financ; ?></div>  
											
											<!-- faixa aceita financimento -->
                                                                               
                                                <div id="slider-property" class="carousel slide" data-ride="carousel">
                                                    <?php
                                                    $k = 0;
                                                    ?>
                                                    <ol class="carousel-indicators">
                                                        <?php foreach ($data['foto'] as $ims): ?>
                                                            <?php if (file_exists(Http::base_dir() . DIRECTORY_SEPARATOR . "midias/fotos/$ims->foto_url")): ?>
                                                                <li data-target="#slider-property" class="<?= ($k == 0) ? 'active' : '' ?>" data-slide-to="<?= $k++ ?>" >
                                                                    <?php if ($ims->foto_imovel): ?>
                                                                        <img src="<?= Http::base(); ?>/midias/thumb.php?zcc=1&w=30&h=30&src=fotos/<?= $ims->foto_url; ?>" alt="Foto" class="img-responsive" />
                                                                    <?php endif; ?>
                                                                </li>
                                                            <?php endif; ?>
                                                        <?php endforeach; ?>
                                                    </ol>
                                                    <div class="carousel-inner">
                                                        <?php
                                                        $k = 0;
                                                        ?>
                                                        <?php foreach ($data['foto'] as $imf): ?>
                                                            <?php if (file_exists(Http::base_dir() . DIRECTORY_SEPARATOR . "midias/fotos/$imf->foto_url")): ?>
                                                                <div class="item <?php if ($k++ == 0): ?>active<?php endif; ?>">
                                                                    <?php if ($imf->foto_imovel): ?>
                                                                        <img src="<?= Http::base(); ?>/midias/thumb.php?q=85&zc=1&w=785&h=520&src=fotos/<?= $imf->foto_url; ?>&m=marca/<?= ($data['config']->config_marca != "") ? $data['config']->config_marca : ''; ?>" alt="Foto" class="img-responsive"/></td>
																	<?php endif; ?>
																	</div>
                                                            <?php endif; ?>
                                                        <?php endforeach; ?>
                                                    </div>

                                                    <a class="left carousel-control" href="#slider-property" data-slide="prev">
                                                        <span class="glyphicon glyphicon-chevron-left"></span>
                                                    </a>
                                                    <a class="right carousel-control" href="#slider-property" data-slide="next">
                                                        <span class="glyphicon glyphicon-chevron-right"></span>
                                                    </a>
                                                </div>
                                                <div class="text-center">
                                                    <span class='st_facebook_large' displayText='Facebook'></span>
                                                    <span class='st_googleplus_large' displayText='Google +'></span>
                                                    <span class='st_linkedin_large' displayText='LinkedIn'></span>
                                                    <span class='st_twitter_large' displayText='Tweet'></span>
                                                    <span class='st_email_large' displayText='Email'></span>
                                                    <span class='st_sharethis_large' displayText='ShareThis'></span>
                                                </div>
												<h1><?= $data['imovel']->bairro_nome; ?> - <?= $data['imovel']->cidade_nome ?></h1> <?= $data['imovel']->tipo_nome; ?> / Ref.: <?= $data['imovel']->imovel_ref; ?> 
								                - <?= $data['imovel']->imovel_financ; ?>
												<br/><br/>
												
												<div class="heading-title heading-title-sm bg-white">
                                <h2>PREÇO DE <?= $data['imovel']->negocio_nome; ?></h2>
                            </div>
							
			<div class="visao-preco">
            <div class="titulo">R$</div>
            <div class="texto">
			  <?php if ($data['imovel']->imovel_preco > 0): ?>
              <?= Filter::moeda($data['imovel']->imovel_preco); ?>
              <?php endif; ?>
              <?php if ($data['imovel']->imovel_preco_locacao > 0): ?>
              <?= Filter::moeda($data['imovel']->imovel_preco_locacao); ?>
              <?php endif; ?>
              <?php if ($data['imovel']->imovel_preco_temp > 0): ?>
              <?= Filter::moeda($data['imovel']->imovel_preco_temp); ?>
              <?php endif; ?>											
			</div>
        </div>
	
	<div class="heading-title heading-title-sm bg-white">
                                <h2>VISÃO GERAL</h2>
                            </div>
							
							<div class="visao">
            <div class="titulo">Quarto</div>
            <div class="texto">
                <?= $data['imovel']->imovel_dormitorio; ?>
            </div>
        </div>
        <div class="visao">
            <div class="titulo">Banheiro</div>
            <div class="texto">
                <?= $data['imovel']->imovel_banheiro; ?>
            </div>
        </div>
        <div class="visao">
            <div class="titulo">Suítes</div>
            <div class="texto">
                <?= $data['imovel']->imovel_suite; ?>
            </div>
        </div>
        <div class="visao">
            <div class="titulo">Vaga</div>
            <div class="texto">
               <?= $data['imovel']->imovel_vaga; ?>
            </div>
        </div>
		
		<div class="heading-title heading-title-sm bg-white">
                                <h2>ÁREA</h2>
                            </div>
							
							<div class="visao">
            <div class="titulo">Área</div>
            <div class="texto">
                <?= $data['imovel']->imovel_area; ?> m<sup>2</sup>
            </div>
        </div>
        <div class="visao">
            <div class="titulo">Área Total</div>
            <div class="texto">
                <?= $data['imovel']->imovel_atotal; ?> m<sup>2</sup>
            </div>
        </div>
		
		   <?php if ($data['imovel']->imovel_preco_condominio >0): ?>
		   
	  	<div class="heading-title heading-title-sm bg-white">
                                <h2>OUTROS VALORES</h2>
                            </div>
							
							<div class="visao">
            <div class="titulo">Condomínio</div>
            <div class="texto">			
               <?= Filter::moeda($data['imovel']->imovel_preco_condominio); ?>
			   
            </div>
        </div>
		 <?php endif; ?>
		<?php if ($data['imovel']->imovel_preco_iptu >0): ?>
        <div class="visao">
            <div class="titulo">IPTU</div>
            <div class="texto">
			
                <?= Filter::moeda($data['imovel']->imovel_preco_iptu); ?>
				
            </div>
        </div>
		 <?php endif; ?>
		
                                                
                                                <table class="table table-bordered">
                                                    <tr>
                                                        <td width="20%"><strong>Referência</strong></td>
                                                        <td><?= $data['imovel']->imovel_ref; ?></td>
                                                    </tr>
                                                    <tr>
                                                        <td><strong>Tipo</strong></td>
                                                        <td><?= $data['imovel']->tipo_nome; ?></td>
                                                    </tr>
                                                    <tr>
                                                        <td><strong>Cidade</strong></td>
                                                        <td><?= $data['imovel']->cidade_nome; ?></td>
                                                    </tr>
                                                    <tr>
                                                        <td><strong>Bairro</strong></td>
                                                        <td><?= $data['imovel']->bairro_nome; ?></td>
                                                    </tr>
                                                    <?php if ($data['imovel']->imovel_endereco != "" && $data['imovel']->imovel_mapa == 1): ?>
                                                        <tr>
                                                            <td><strong>Endereço</strong></td>
                                                            <td><?= $data['imovel']->imovel_endereco; ?></td>
                                                        </tr>
                                                    <?php endif; ?>
                                                    <tr>
                                                        <td><strong>Banheiro(s)</strong></td>
                                                        <td><?= $data['imovel']->imovel_banheiro; ?></td>
                                                    </tr>
                                                    <tr>
                                                        <td><strong>Quarto(s)</strong></td>
                                                        <td><?= $data['imovel']->imovel_dormitorio; ?></td>
                                                    </tr>
                                                    <tr>
                                                        <td><strong>Suíte(s)</strong></td>
                                                        <td><?= $data['imovel']->imovel_suite; ?></td>
                                                    </tr>
                                                    <tr>
                                                        <td><strong>Vaga(s)</strong></td>
                                                        <td><?= $data['imovel']->imovel_vaga; ?></td>
                                                    </tr>
                                                    <tr>
                                                        <td><strong>Área</strong></td>
                                                        <td><?= $data['imovel']->imovel_area; ?> m<sup>2</sup> </td>
                                                    </tr>
                                                    <tr>
                                                        <td><strong>Área Total</strong></td>
                                                        <td><?= $data['imovel']->imovel_atotal; ?> m<sup>2</sup> </td>
                                                    </tr>
                                                    <tr>
                                                        <td><strong>Preço de <?= $data['imovel']->negocio_nome; ?></strong></td>
                                                        <?php if ($data['imovel']->imovel_preco > 0): ?>
                                                            <td><?= Filter::moeda($data['imovel']->imovel_preco); ?></td>
                                                        <?php endif; ?>
                                                        <?php if ($data['imovel']->imovel_preco_locacao > 0): ?>
                                                            <td><?= Filter::moeda($data['imovel']->imovel_preco_locacao); ?></td>
                                                        <?php endif; ?>
                                                        <?php if ($data['imovel']->imovel_preco_temp > 0): ?>
                                                            <td><?= Filter::moeda($data['imovel']->imovel_preco_temp); ?></td>
                                                        <?php endif; ?>
                                                    </tr>
														
                                                    <?php if ($data['imovel']->imovel_preco_condominio > 0): ?>
                                                        <tr>
                                                            <td><strong>Preço do Condomínio</strong></td>
                                                            <td><?= Filter::moeda($data['imovel']->imovel_preco_condominio); ?></td>
                                                        </tr>
                                                    <?php endif; ?>
                                                    <?php if ($data['imovel']->imovel_preco_iptu >0): ?>
                                                        <tr>
                                                            <td><strong>Preço do Iptu</strong></td>
                                                            <td><?= Filter::moeda($data['imovel']->imovel_preco_iptu); ?></td>
                                                        </tr>
                                                    <?php endif; ?>
                                                </table>
                                                <?php if (isset($data['opcoes'][0])): ?>
                                                    <br/>
													<div class="heading-title heading-title-sm bg-white">
                                <h2>CARACTERÍSTICAS</h2>
                            </div>
													
                                                    <div class="row">
                                                        <div class="col-md-4 col-sm-4">
                                                            <div class="row">
                                                                <ul>
                                                                    <?php foreach ($data['opcoes'] as $imov): ?>
                                                                        <?php $opc = explode(",", $data['imovel']->imovel_opcao); ?>
                                                                        <?php if (in_array($imov->opcao_id, $opc)): ?>
                                                                            <li style="list-style-type: none"><i class="fa fa-check"></i> <?= $imov->opcao_nome; ?></li>
                                                                        <?php endif; ?>
                                                                    <?php endforeach; ?>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    <?php endif; ?>
                                                </div>

                                                <?php if ($data['imovel']->imovel_descricao != ""): ?>
                                                    <br/>
													<div class="heading-title heading-title-sm bg-white">
                                <h2>DESCRIÇÃO</h2>
                            </div>
                                                    <p><?= $data['imovel']->imovel_descricao; ?></p>
                                                <?php endif; ?>
                                                <br/>
												<div class="heading-title heading-title-sm bg-white">
                                <h2>LOCALIZAÇÃO</h2>
                            </div>
                                                <div id="map"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <br/><br/>
									<div class="heading-title heading-title-sm bg-white">
                                <h2>DÚVIDAS SOBRE O IMÓVEL?</h2>
                            </div>
                                    <div class="pane">
                                        <form role="form"  method="post" enctype="multipart/form-data" action="<?= Http::base() ?>/atendimento/enviar/">
                                            <input type="hidden"  name="imovel_id"  id="imovel_id" value="<?= $data['imovel']->imovel_id ?>">
                                            <div class="form-group">
                                                <label for="name">Nome:</label>
                                                <input type="text" name="nome" id="nome" class="form-control input-lg" placeholder="Informe o nome">
                                            </div>
                                            <div class="form-group">
                                                <label for="email">E-mail:</label>
                                                <input type="email" name="email" id="email" class="form-control input-lg" placeholder="Informe o e-mail">
                                            </div>
                                            <div class="form-group">
                                                <label for="telp">Telefone:</label>
                                                <input type="text" name="tel" id="tel" class="form-control input-lg" placeholder="Informe o telefone">
                                            </div>
                                            <div class="form-group">
                                                <label for="message">Messagem:</label>
                                                <textarea name="mensagem" id="mensagem" class="form-control input-lg" rows="7" placeholder="Tipo de mensagem">Olá, Gostaria de conhecer este imóvel <?= $data['imovel']->imovel_ref ?>  que encontrei na <?= $data['config']->config_nome; ?>, por favor entre em contato.</textarea>
                                            </div>
                                            <div class="form-group">
                                                <input type="submit" name="submit" value="Enviar Mensagem" class="btn btn-primary btn-lg">
                                            </div>
                                            <div class="hide">
                                            <input type="text" name="assunto" id="assunto" value="Informações sobre imóvel Ref. <?= $data['imovel']->imovel_ref ?> em <?= $data['imovel']->cidade_nome; ?>" /> >
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- end:article -->

                    <!-- begin:sidebar -->
                    <div class="col-md-3 col-sm-3 col-xs-12 col-md-pull-9 sidebar">
                        <?php if (isset($data['imovel_qt_tipo'][0])) : ?>
                            <div class="widget widget-sidebar widget-white">
                                <div class="widget-header text-center">
                                    <h4>Outros</h4>
                                </div>
                                <ul class="list-check">
                                    <?php foreach ($data['imovel_qt_tipo'] as $tipo) : ?>
                                        <li><a href="#"><?= $tipo->tipo_nome; ?></a>&nbsp;
                                            (<?= $tipo->total; ?>)</li>
                                    <?php endforeach; ?>
                                </ul>
                            </div>
                        <?php endif; ?>

                        <div class="widget-sidebar widget-white">
                            <div class="widget-header text-center">
                                <h4>Imóveis Parecidos</h4>
                            </div>
                            <?php foreach ($data['imovel_parecido'] as $imp): ?>
                                <div class="col-md-12">
                                    <div class="post-container">
                                        <a href="<?= Http::base() ?>/detalhes-do-imovel/<?= $imp->cidade_url; ?>/<?= $imp->bairro_url; ?>/<?= $imp->imovel_id; ?>/">
                                            <?php if (file_exists(Http::base_dir() . DIRECTORY_SEPARATOR . "midias/fotos/$imp->foto_url")): ?>
                                                <img src="<?= Http::base(); ?>/midias/thumb.php?q=85&zc=1&w=280&h=180&src=fotos/<?= $imp->foto_url; ?>" alt="Foto" class="img-responsive"/>
                                            <?php else : ?>
                                                <img src="<?= Http::base(); ?>/midias/thumb.php?q=85&zc=1&w=280&h=180&src=img/sem_foto.jpg" alt="Foto" class="img-responsive"/>
                                            <?php endif; ?>
                                        </a>

                                    <h5><?= $imp->cidade_nome; ?></h5>
                                    <h6>
                                        <a href="<?= Http::base() ?>/detalhes-do-imovel/<?= $imp->cidade_url; ?>/<?= $imp->bairro_url; ?>/<?= $imp->imovel_id; ?>/"><?= $imp->tipo_nome; ?> -
                                            <span> R$
                                                <?php if ($imp->imovel_preco != 0.00): ?>
                                                    <?= Filter::moeda($imp->imovel_preco); ?>
                                                <?php endif; ?>
                                                <?php if ($imp->imovel_preco_locacao != 0.00): ?>
                                                    <?= Filter::moeda($imp->imovel_preco_locacao); ?> / mês
                                                <?php endif; ?>
                                                <?php if ($imp->imovel_preco_temp != 0.00): ?>
                                                    <?= Filter::moeda($imp->imovel_preco_temp); ?> / dia
                                                <?php endif; ?>
                                            </span>
                                        </a>
                                    </h6><br/>
                                    <div class="post-content">
                                        <div class="post-meta text-center">
                                            <span><i class="fa fa-home"></i> <?= $imp->imovel_area; ?> m<sup>2</sup> / </span>
                                            <span><i class="fa fa-hdd-o"></i> <?= $imp->imovel_dormitorio; ?> / </span>
                                            <span><i class="fa fa-male"></i> <?= $imp->imovel_banheiro; ?> wc / </span>
                                            <span><i class="fa fa-car"></i> <?= $imp->imovel_vaga; ?></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        <?php endforeach; ?>
                    </div>
                </div>
            </div>
        </div>
        <!-- end:content -->
        <!-- end:footer -->
        <?php require_once "view/site/recentes.php" ?>
        <?php require_once "view/site/news.php" ?>
        <?php require_once "view/site/parcerias.php" ?>
        <?php require_once "view/site/footer.php" ?>
        <!-- Bootstrap core JavaScript
        ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        <script type="text/javascript">var baseUriMap = null;</script>
        <script type="text/javascript">var baseUri = '<?= Http::base() ?>';</script>
        <script src="<?= Http::base() ?>/view/site/js/jquery.js"></script>
        <script src="<?= Http::base() ?>/view/site/js/bootstrap.js"></script>
        <script src="//maps.google.com/maps/api/js?language=pt-BR&key=<?= $data['config']->config_key_map ?>"></script>
        <script src="<?= Http::base() ?>/view/site/js/gmap3.min.js"></script>
        <script src="<?= Http::base() ?>/view/site/js/jquery.easing.js"></script>
        <script src="<?= Http::base() ?>/view/site/js/jquery.jcarousel.min.js"></script>
        <script src="<?= Http::base() ?>/view/site/js/imagesloaded.pkgd.min.js"></script>
        <script src="<?= Http::base() ?>/view/site/js/masonry.pkgd.min.js"></script>
        <script src="<?= Http::base() ?>/view/site/js/jquery.backstretch.js"></script>
        <script src="<?= Http::base() ?>/view/site/js/jquery.nicescroll.min.js"></script>
        <script src="<?= Http::base() ?>/view/site/js/nouislider.min.js"></script>
        <script src="<?= Http::base() ?>/view/site/js/script.js"></script>
        <script src="<?= Http::base() ?>/view/site/js/number.js"></script>
        <script src="<?= Http::base() ?>/view/site/js/main.js"></script>
        <script type="text/javascript">
            $('#menu-home').addClass('active');
<?php if ($data['imovel']->imovel_mapa == 2) : ?>
    <?php $data['imovel']->imovel_endereco = $data['imovel']->bairro_nome . "," . $data['imovel']->cidade_nome; ?>
<?php endif; ?>
<?php if ($data['imovel']->imovel_endereco != "") : ?>
                $("#map").gmap3({
                    map: {
                        options: {
                            center: [<?php echo $data['imovel']->imovel_lat; ?>, <?php echo $data['imovel']->imovel_lon; ?>],
                            address: "<?php echo $data['imovel']->imovel_endereco; ?>",
                            zoom: 18,
                            scrollwheel: false
                        }
                    },
                    marker<?php echo ($data['imovel']->imovel_mapa == 2) ? 's' : '' ?>: {
                        latLng: [<?php echo $data['imovel']->imovel_lat; ?>, <?php echo $data['imovel']->imovel_lon; ?>],
                        options: {

                        }
                    }
                });
<?php endif; ?>
            if ($('.carousel-indicators li').length <= 0) {
                $('.carousel-control').remove();
            }
        </script>
        <!-- Colors DEMO Remover -->
        <script type="text/javascript">var switchTo5x = true;</script>
        <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
        <script type="text/javascript">stLight.options({publisher: "c44b1724-22ab-4433-80d0-3328ed2847d5", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
    </body>
</html>

Segue a página para analise:

 

https://gois.weblina.com.br/imobiliaria/detalhes-do-imovel/praia-grande/aviacao/23/casa-para-temporada/

 

No aguardo de uma luz!

 

Obrigado!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By FabianoSouza
      Pessoal, é possível abrir uma nova aba/janela do navegador dentro de uma DIV?
      Como faço?
       
      Pergunto isso porque o IFRAME não vai funcionar para o meu objetivo (já testei).
       
      Estou tentando adaptar esse código JQUERY para o Javascript puro, pra saber se a ideia funciona (não manjo de JQUERY).
      https://stackoverflow.com/questions/33296867/how-to-open-the-content-inside-a-div-tag-in-new-tab
       
      Grato.
    • By kaioneresm
      Olá boa tarde, alguem sabe um codigo javascript facil que sirva para abrir uma div como se fosse um pou-up no centro da tela e dentro dela conter um X para fechá-la? 
       
      obrigado!!
    • By luiz monteiro
      E aí pessoal!
      Minha questão de hoje é a seguinte, ao usar o display inline-block ou inline-flex ocorre um desalinhamento dos blocos. Tentei usar outro inline, porem sem sucesso.
      Para melhor visualizar o que quero dizer, anexo esta uma print do resultado indesejável.
      Preciso que os blocos fiquem alinhados, porem ao inserir duas divs  (2 e 3) no terceiro bloco ocorre o desalinhamento.
      Vou deixar o código para melhor entender.
       
      //==================HTML
       
      <!DOCTYPE html>
      <html lang="pt-br">
      <head>
          <meta charset="utf-8">
          <title></title>
          <link rel="stylesheet" type="text/css" href="./css/style.css">
      </head>
      <body>

          <div class="container">
              
              <div class="blocos">0</div>
              
              <div class="blocos">1</div>
              
              <div class="blocos">
                  <div class="linhas">2</div>
                  <div class="linhas">3</div>
              </div>
              
              <div class="blocos">4</div>
          </div>
       
      </body>
      </html>
       
       
      //================== CSS
      @charset "utf-8";
      *
      {
          margin: 0px;
          padding: 0px;
          list-style: none;
          resize: none;
          outline: none;
          text-decoration: none;
      }
      html, body
      {
          width: 100%;
          overflow-x: hidden;
          font-family: verdana;
          letter-spacing: 1.5555px;
          font-weight: normal;
      }
      .container
      {
          width: 100%;
          padding-left: 13px;
          background: #000;
      }
      .blocos
      {
          display: inline-block;
          width: 300px;
          height: 250px;
          background: #888;
      }
      .linhas
      {
          background: #f60;
          width: 100%;
          height: 122px;
          margin-bottom: 2px;
      }
       
      Agradeço desde já.
       
       
       

    • By LucasRochaPL
      Olá a todos, estou construindo um pequeno site para a empresa que eu trabalho atualmente, porém como ainda sou iniciante estou tendo algumas dificuldades, e uma delas é que eu não consigo colocar as divs lado a lado, tentei varias coisas como usar o inline e float, mas fica tudo bem bagunçado, se vocês puderem por favor dar alguma dica ou me dizer oque estou fazendo de errado.
      <style> * {box-sizing: border-box;}   .container {   position: relative;   width: 50%;   max-width: 300px; }   .image {   display: block;   width: 100%;   height: auto; }   .overlay {   position: absolute;    bottom: 0;    background: rgb(0, 0, 0);   background: rgba(0, 0, 0, 0.5); /* Black see-through */   color: #f1f1f1;    width: 100%;   transition: .5s ease;   opacity:0;   color: white;   font-size: 20px;   padding: 20px;   text-align: center; }   .container:hover .overlay {   opacity: 1; } .container::after {   content: "";   clear: both;   display: table; } </style>   <div class="titulo">Produtos</div> <p>A Gap conta com uma grande variedade de      rádios e equipamentos, para atender melhor      a necessidade de nossos clientes, trabalhamos com rádios moveis,      portáteis e equipamentos para videomonitoramento. </p>   <div class="titulo">Portáteis</div> <div class="container">     <img src="products/images/dep450.jpg" alt="rádio motorola DEP450" class="image">     <div class="overlay">Motorola DEP450</div> </div> <div class="container">     <img src="products/images/ep450.jpg" alt="rádio motorola EP450" class="image">     <div class="overlay">Motorola EP450</div> </div> <div class="container">     <img src="products/images/dgp8050.jpg" alt="rádio motorola DGP8050" class="image">     <div class="overlay">Motorola DGP8050</div> </div>   <div class="titulo">Móveis</div>   <div class="container">     <img src="products/images/dem300.jpg" alt="rádio motorola DGM5000" class="image">     <div class="overlay">Motorola DEM300</div> </div>   <div class="titulo">Videomonitoramento</div>   <div class="container">     <img src="products/images/intelbrass3330.jpg" alt="camera " class="image">     <div class="overlay">Câmera Intelbras S3330</div> </div>   
    • By higordiasz
      Boa Tarde,
      Estou tendo problemas em conseguir colocar as div lado a lado alinhadas corretamente .. casso possam me ajudar ficaria grato.
       
      Segue meu código CSS responsável pelas div.
       
      .col-100 { width: 100%; float: left; position: relative; } .principal-text { background-color: #424242; } .ul-softwares { list-style-type: none; display: inline-block; height: 350; width: 90%; float: left; border: 2px solid #656565; border-radius: 15px; background-color: #373737; margin: 0 auto; } .ul-bancodedados { list-style-type: none; display: inline-block; height: 350; width: 90%; border: 2px solid #656565; border-radius: 15px; background-color: #373737; margin: 0 auto; } .ul-mobile { list-style-type: none; display: inline-block; height: 350; width: 90%; border: 2px solid #656565; border-radius: 15px; background-color: #373737; margin: 0 auto; } .ul-redeestruturada { list-style-type: none; display: inline-block; height: 350; width: 90%; float: right; border: 2px solid #656565; border-radius: 15px; background-color: #373737; margin: 0 auto; } .principal-text ul li { margin: auto; text-align: center; } .uls-principal { text-align: center; } .li-img { padding-top: 6px; } .uls-principal div { display: inline-block; width: 180; padding-right: 20px; } Abaixo meu código HTML:
       
      <div class="col-100 principal-text"> <main class="uls-principal"> <div class="div-prog"> <ul class="ul-softwares"> <li class="li-img"><img src="./img/programacao.png"></li> <li> <h1>Softwares</h1> </li> <li> <p>Possuimos diversos Softwares para a sua empresa.</p> </li> <li></li> </ul> </div> <div class="div-bd"> <ul class="ul-bancodedados"> <li class="li-img"><img src="./img/bancodedados.png"></li> <li> <h1>Banco de Dados</h1> </li> <li> <p>Organimazanos todos seus dados e configuramos oque precisa.</p> </li> <li></li> </ul> </div> <div class="div-mobile"> <ul class="ul-mobile"> <li class="li-img"><img src="./img/mobile.png"></li> <li> <h1>Desenvol. Mobile</h1> </li> <li> <p>Fazemos o aplicativo ideal para a sua Empresa.</p> </li> <li></li> </ul> </div> <div class="div-rede"> <ul class="ul-redeestruturada"> <li class="li-img"><img src="./img/rede.png"></li> <li> <h1>Estrutura de Rede</h1> </li> <li> <p>Fazemos toda o mapiamento da rede e implantação.</p> </li> <li></li> </ul> </div> </main> </div> Print das DIV: 
       

       
      Alguem sabe oq posso alterar para alinhar elas corretamente ? 
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.