Ir para conteúdo

POWERED BY:

Arquivado

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

Israel Sousa Araujo

[Inlcude_once] gera espaçamento

Por , em PHP

Recommended Posts

Israel Sousa Araujo    0

Israel Sousa Araujo
Postado

Quando insiro o include_once no meu código ele gera um espaçamento no layout do site no local onde foi inserido!

EX:

d%C3%BAvida.jpg

 

meu código index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--Metas Tags -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE>Voltz - Eletromecânica</TITLE>
<!--Fim de Metas Tags -->
<!--Folha de Estilo em CSS -->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!--Fim de Folha de Estilo -->
</head>
<body>
<?php 
include_once('secoes/topo.php'); echo"\n"; /* Inicia o Topo */
include_once('secoes/corpo.php'); echo"\n"; /* Inicia o Conteudo */
include_once('secoes/rodape.php'); echo"\n"; /* Inicia o Rodapé*/
?> 
</body>
</html>

 

Código CSS

@charset "utf-8";
body {
font-family: "Arial Black", Gadget, sans-serif;
font-size: 12px;
color: #000;
margin:0px 0px 0px 0px;
}
#backgournd {
height: 289px;
width: 1155px;
clear: left;
background-image: url(../imgs/bgVoltz.gif);
margin:0 auto;	
position: relative;
}
#barrs {
width: 900px;
height: 32px;
clear: left;
background-image: url(../imgs/barsVoltz.gif);
background-repeat: repeat-x;
margin:0 auto;	
position: relative;
}
/*inicio de menu*/
#menu {
width: 880px;
height: 58px;
background-repeat: repeat-x;
position: relative;
padding: 10px 10px 10px 10px;
margin-top:0px;
margin:0 auto;
clear:left;
background-color:#F7F7F7;
}
ul.menu {
list-style-type:none;
width:880px;
position:relative;
display:block;
height:58px;
font-size:12px;
margin:0;
padding:0;
background:transparent;
}
ul.menu li {
display:block;
float:left;
margin:0;
padding:0;
}
ul.menu li a {
float:left;
color:#063;
text-decoration:none;
height:auto;
padding:20px 15px 20px;
font-weight:normal;
}
ul.menu li a:hover,.current {
color:#999;
text-decoration:none;
}
ul.menu .current a {
color:#000;
font-weight:700;
}
/*RED*/
ul.menu.red li a:hover, .menu.red li.current {
background-color:#F0F0F0;
}
/* Fim de Menu*/
#logo {
height: 168px;
width: 900px;
background-image: url(../imgs/logoVoltz.jpg);
clear: left;
position: relative;
margin: 0 auto;
}
#logo #logoTopo {
height: 104px;
width: 274px;
clear: left;
position: relative;
padding-top: 33px;
padding-left: 20px;
}
#rodape {
height: 115px;
width: 886px;
background-image: url(../imgs/bgRodapeVoltz.gif);
position: relative;
padding: 10px;
clear:left;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
#logoRodape {
height: 61px;
width: 160px;
margin-top: 40px;
margin-right: 10px;
margin-bottom: auto;
margin-left: 30px;
}
#rodape #endereco {
height: 35px;
width: 302px;
position: relative;
margin-top: 25px;
margin-right:10px;
float:right;
color:#FFF;
font-size:12px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#rodape #acessoRapido {
height: 33px;
width: 347px;
position: relative;
margin-top: 50px;
margin-bottom:30px;
float:right;
color:#FFF;
font-size:12px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#conteudo {
height: 100%;
width: 906px;
background-image: url(../imgs/bgContVoltz.gif);
background-repeat: repeat-y;
clear: left;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-bottom: 10px;
overflow: auto;
}
#imgSobre {
height: 276px;
width: 200px;
background-image: url(../imgs/carSobreVoltz.jpg);
position: relative;
margin-left: 13px;
float: right;
}
#tabSobre {
height: 60px;
width: 409px;
background-image: url(../imgs/bgSobreVoltz.gif);
float:right;
position:relative;
margin-right: 10px;
}
#descSobre {
float: right;
position:relative;
height: 275px;
width: 408px;
background-image: url(../imgs/bgContSobreVoltz.png);
margin-right: 10px;
}
#homeSevicos {
float: right;
height: 60px;
width: 257px;
position: relative;
background-image: url(../imgs/btnServicos.jpg);
background-repeat: no-repeat;
margin-right: 13px;
}
#destaqueServicos {
background-image: url(../imgs/bgContSobreVoltz.png);
float: right;
height: 275px;
width: 257px;
position: relative;
margin-right: 13px;
}
#contSobre {
height: 60px;
width: 200px;
margin-left: 13px;
background-image: url(../imgs/btnSobreVoltz.gif);
position: relative;
float: right;
}

Código Topo:

<!--Inicia Backgound -->
<div id="backgournd">
<!-- Menu -->
<div id="menu">
<ul class="menu red">
 <li class="current"><a href="javascript:void(0);" target="_self">Home</a></li>
 <li><a href="javascript:void(0);" target="_self">A Empresa</a></li>
 <li><a href="javascript:void(0);" target="_self">Serviços</a></li>
 <li><a href="javascript:void(0);" target="_self">Fotos</a></li>
 <li><a href="javascript:void(0);" target="_self">Localização</a></li>
 <li><a href="javascript:void(0);" target="_self">Contato</a></li>
</ul>
</div>
<!--Fim de Menu -->
<!--Logo -->
<div id="logo">
<div id="logoTopo">
<a href="javascript:void(0);" title="Voltz Eletromecânica"><img src="imgs/logo.png" alt="Voltz Eletrmecânica" title="Voltz Eletromecânica" width="274" height="104" border="0" /></a>
</div>
</div>
<!--Fim de Logo -->
<!--Barrs -->
<div id="barrs">
</div>
<!--Fim de Barrs -->
</div>
<!--Fim de Backgound -->

Código Corpo:

<!--Conteudo -->
<div id="conteudo">
<div id="homeSevicos"></div>
<div id="tabSobre"></div>
<div id="contSobre">
</div>
<div id="destaqueServicos">
</div>
<div id="descSobre">
Somos uma emrpesa apaixonada por carros, assim como todos os brasileiros, sempre buscamos aprimorar e aperfeiçar nossas técnicas e serviços para sempre estar oferecendo a melhor eficiência e comprometimento em nossos serviços, cumprindo prazos e metas.

Oferecemos diversos serviços para que você cliente possa se sentir seguro enquato nós da Voltz prepara seu carro para o seu dia-a-dia.

Conheça a Voltz, se você procura segurança e credibilidade a Voltz é o lugar certo!
</div>
<div id="imgSobre"></div>
</div>
<!--Fim de Conteudo -->

Código Rodapé:

<!--Inicio de Rodapé -->
<div id="rodape">
<!--Inicio de Acesso Rápido -->
<div id="acessoRapido"><strong>Acesso Rápido</strong><br />
 Home | Empresa | Serviços | Localização | Contato</div>
<!--Fim de Acesso Rápido -->
<!--Inicio de Endereço -->
<div id="endereco">
 <p>Rua Hansler de Freitas, 258, Centro, São Paulo - SP<br />
   CEP: 03389-070<br />
   Atendimento<br />
   <strong>Fone: (11)21158756 / 60746308</strong></p>
</div>
<!--Fim de Endereço -->
<!--Inlicio Logo Rodapé -->
<div id="logoRodape">
<a href="http://www.voltz.com.br/" title="Voltz Eletromecânica"><img src="imgs/rodapeLogoVoltz.png" alt="Voltz Eletromecânica" title="Voltz Eletromecânica" width="160" height="61" border="0" id="Voltz Eletromecânica" /></a>
</div>
<!--Fim Logo Rodapé -->
</div>
<!--Fim de Rodapé -->

 

Alguem pode me explicar porque está acontecendo isso? e como corrigir!

Compartilhar este post

Link para o post
Compartilhar em outros sites

DanielGerep    0

DanielGerep
Postado

Olá Israel,

 

Tire o echo"\n"; na frente dos include_once....para que você colocou isso? Este comando gera uma nova linha no documento :)

Compartilhar este post

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

Informação importante

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

  Aceito