Ir para conteúdo

POWERED BY:

Arquivado

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

Alvaro Jr

erro no site

Por , em Desenvolvimento frontend

Recommended Posts

Alvaro Jr    2

Alvaro Jr
Postado

meu site ta com uma barra horizontal imensa

nao para que uma div se deslocou para left e mais aparece tudo Ok

 

codigo html


<!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>
<script type="text/javascript" src="scripts/jquery.js"/></script>
<script type="text/javascript" src="scripts/cycle.js"/></script>
<script type="text/javascript" src="scripts/cycle_function.js"/></script> 
<script type="text/javascript" src="scripts/animated-menu.js"/></script> 
<script src="scripts/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="scripts/pesquisa.js" type="text/javascript"></script>
<script src="scripts/jquery.searchMeme.js" type="text/javascript"></script><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Junior |<br />
<b>Notice</b>:  Undefined variable: pgatual in <b>C:\Arquivos de programas\EasyPHP-5.3.9\www\head.php</b> on line <b>6</b><br />
</title>
</head>
<!--- CSS SEM INCLUDER -->
<link href="scripts/style.css" rel="stylesheet" type="text/css" />
<link href="css/demo.css" rel="stylesheet" type="text/css" />
<link href="css/searchMeme.css" rel="stylesheet" type="text/css" />
<!--- CSS SEM INCLUDER -->
<body>
<div id="tm" class="tm"> 
<div id="menu" class="menu1"> <P><a href="cadastro.php">Cadastra </a> | <a href="cadastro.php">Login | </a> <a href="cadastro.php">Fotos</a></P></div>
<img src="images/LOGO-TOP.png" width="600" height="160"/>
</div>
<div id="tira" class="tira"></div>
<div id="central">

<div id="head">

   <ul>  
       <li class="green">  
           <p><a href="#">Inicio</a></p>  
           <p class="subtext">Voltar Ao Inicio</p>  
       </li>  
       <li class="yellow">  
           <p><a href="#">Projeto</a></p>  
           <p class="subtext">Nosso Trabalho</p>  
       </li>  
       <li class="red">  
           <p><a href="#">Fotos</a></p>  
           <p class="subtext">Momentos</p>  
       </li>  
       <li class="blue">  
           <p><a href="#">Doação</a></p>  
           <p class="subtext">faça uma colaboração</p>  
       </li>  
       <li class="purple">  
           <p><a href="#">Parcerias</a></p>  
           <p class="subtext">Apoios e Parcerias</p>  
       </li> 
       <li class="red">  
           <p><a href="#">Contatos</a></p>  
           <p class="subtext">Fale Conosco</p>  
       </li>  
</ul>
<!--- INICIO SISTEMA DE PESQUISAR--->

<div class="demo">

           <input type="text" id="search-orange" />
           <div class="clear">
           </div>
       </div>

<!--- INICIO SISTEMA DE PESQUISAR--->
</div><!-- Head -->
<div id="corpo">>>
<img src="/images/logo" width="209" height="172" alt="logo"  />

<div id="gallery" class="geleira">
<h1 class="tt">Destaque Semanal</h1>
<a href="#" class="show">
	<img src="images/flowing-rock.jpg" alt="Flowing Rock" width="850" height="360" title="" alt="" rel="<h3>Flowing Rock</h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. "/>
</a>

<a href="#">
	<img src="images/grass-blades.jpg" alt="Grass Blades" width="850" height="360" title="" alt="" rel="<h3>Grass Blades</h3>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. "/>
</a>

<a href="#">
	<img src="images/ladybug.jpg" alt="Ladybug" width="850" height="360" title="" alt="" rel="<h3>Ladybug</h3>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."/>
</a>

<a href="#">
	<img src="images/lightning.jpg" alt="Lightning" width="850" height="360" title="" alt="" rel="<h3>Lightning</h3>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."/>
</a>

<a href="#">
	<img src="images/lotus.jpg" alt="Lotus" width="850" height="360" title="" alt="" rel="<h3>Lotus</h3>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo."/>
</a>

<a href="#">
	<img src="images/mojave.jpg" alt="Mojave" width="850" height="360" title="" alt="" rel="<h3>Mojave</h3>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt."/>
</a>

<a href="#">
	<img src="images/pier.jpg" alt="Pier" width="850" height="360" title="" alt="" rel="<h3>Pier</h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."/>
</a>

<a href="#">
	<img src="images/sea-mist.jpg" alt="Sea Mist" width="850" height="360" title="" alt="" rel="<h3>Sea Mist</h3>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
</a>

<a href="#">
	<img src="images/stones.jpg" alt="Stone" width="850" height="360" title="" alt="" rel="<h3>Stone</h3>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."/>
</a>



<div class="caption"><div class="content"></div></div>
</div>
<div class="clear"></div>

<div id="background">
<h1>Sendo socio  você colabora com várias opções de apoio, 
orientação e e  ncaminhamento de crianças, jovens e 
famílias carentes.dando uma futuro melhor para sociedade
obras sociais apresentam resultados concretos quando 
realizadas de forma criteriosa.</h1>
<p>
Atender  gratuitamente crianças de 01 ano e  seis meses a 20
anos de idade,com foco no desenvolvimento físico,psicológico, 
intelectual e social,cultural,moral e espiritual,complementando 
a ação da família e da comunidade Fazendo uma sociedade
melhor para o futuro se junto a nós nessa 
missão de fazer um futuro melhor !
</p>
</div>

<div id="noticias">
<img src="/images/noticias.jpg" width="950" height="89"/>
	<img class="img1" src="/images/not.jpg" width="274" height="230" />
				<img class="img2" src="/images/not.jpg" width="274" height="230" />

       <div id="destake">
<h1> 

      <br>Informtica</br>
      <br>Dança</br>
      <br>Designer</br>
      <br>Teatro</br>
      <br>Ed.Fisica</br>
      </h1>


   <p> 
      <br>Informtica</br>
      <br>Dança</br>
      <br>Designer</br>
      <br>Teatro</br>
      <br>Ed.Fisica</br>
      </p>
       <a href="saiba.php>"<p class="saiba1">Saiba +</p></a>
 </div>
</div>  
</div><!-- CLOSED ID CORPO -->
</div><!-- fim dde central -->
<div id="rodape"></div>

</body>
</html>

codigo css

body {margin:0; padding:0; }

/*TM IMG NO TOP DO SITE*/
#tm{ width:600px; height:160px; position:absolute; z-index:-2; margin-left:450px; margin-top:10px;/*ABSOLUTE - TOP*/}
/*HACK CSS DO IMG DO TOP*/
@media screen and (-webkit-min-device-pixel-ratio:0){
.tm {top:20px;}
}
/* tira azul atras do menu colorido */
.tira{ width:850px; background-color:#06F; height:3px; margin-top:330px; position:absolute; z-index:50; margin-top:330px !important;
margin-left:238px;}

/* PARA NOSSA ALEGRIA HACK CSS */
@media screen and (-webkit-min-device-pixel-ratio:0){
.tira {top:20px;}
}

/* MENU ARREDONDADO SUPEIOR */
.tm .menu1{ 
width:150px;
height:25px;
background-image:url(../images/menu1.png); 
margin-top:-31px;/*ABSOLUTE + TOP*/
margin-left:450px;
position:absolute;/*ABSOLUTE DENTRO DA TM QUE - TOP = TM + TOP*/
z-index:55;
}

/*TEXTO P MENU SUPERIOR*/
.tm .menu1 p{ text-align:center; width:148px; margin-top:2px; margin-left:-4px; color:#FFF;
}
/*LINK HOUVER MENU SUPERIOR*/
.tm .menu1 a{ font-size:13px; text-align:center;}
.tm .menu1 a:hover{ color:#0FF;}

#central {margin:auto; width:951px; border:0px solid #000; margin-top:-50px; margin-top:20px !important;}

/* CSS PESQUISA NO MENU HEAD */
#head .search{
width:190px;
height:33px;
margin-top:9px;
margin-left:5px;
background-image:url(/images/textpesquisa.png);
}
#head .button{
width:75px;
height:36px;
margin-top:2px;
margin-left:-3px;
background-image:url(../images/button-pesquisa.png);
border:0px;
}
/* FIM DE CSS MENU HEAD PESQUISA*/

/* head */
#head img{
padding:0px;
border:0px;
left:left;
margin-top:23px;}

/* corpity do site */
#corpo{
width:950px;
border:0px;
margin:auto;}

/*NOTICIAS BLOCO 1*/
.clear {
clear:both
}

#gallery {
position:absolute;
height:360px;
margin-top:170px;
widows:500px;
height:390;
}
#gallery a {
float:left;
position:absolute;
}

#gallery a img {
border:none;
}

#gallery a.show {
z-index:500
}

#gallery .caption {
z-index:600; 
background-color:#000; 
color:#ffffff; 
height:100px; 
width:100%; 
position:absolute;
bottom:0;
}

#gallery .caption .content {
margin:5px
}

#gallery .caption .content h3 {
margin:0;
padding:0;
color:#1DCCEF;
}
#gallery .tt{
color:#09F;
margin-top:-60px;
letter-spacing:5;	
}

#head{
height:121px;
width:1900px;
margin-left:2px;
margin-top:150px;
z-index:9;
position:absolute;
}

ul{
margin:auto;
padding:0;
}

li{
width:100px;
height:50px;
float:left;
color:#191919;
text-align:center;
overflow:hidden;
}

a{
color:#FFF;
text-decoration:none;
}

p{
padding:0px 5px;
}

.subtext{
	padding-top:15px;
}

/*Menu Color Classes img na raiz */
.green{background:#6AA63B url(/images/green-item-bg.jpg) top left no-repeat;}
.yellow{background:#FBC700 url(/images/yellow-item-bg.jpg) top left no-repeat;}
.red{background:#D52100 url(/images/red-item-bg.jpg) top left no-repeat;}
.purple{background:#5122B4 url(/images/purple-item-bg.jpg) top left no-repeat;}
.blue{background:#0292C0 url(/images/blue-item-bg.jpg) top left no-repeat;}

/* background Inicio do conteudo */
#background {
border:0px solid #000; /* TESTE DE TAMANDO BORDER */
background-image:url(../images/luz.jpg);
width:950px;
height:417px;
margin-top:600px;}
#background h1{
font:italic 17px Arial, Helvetica, sans-serif;
color:#0ba3f1;
width:410px;
height:78px;
margin-left:517px;
margin-top:215px;
position:absolute;
}
#background p{
font:italic 17px Arial, Helvetica, sans-serif;
color:#0ba3f1;
width:436px;
height:95px;
margin-left:3px;
margin-top:215px;
position:absolute;
}
#noticias img{
margin-top:25px;
}
#noticias .img1{
margin-top:-35px;
margin-left:680px;
}
#noticias .img2{
position:absolute;
margin-top:-225px;
margin-left:345px;
}
#destake h1{
font:italic 20px Arial, Helvetica, sans-serif;
color:#0ba3f1;
width:132px;
margin-left:695px;
margin-top:-229px;
text-align:left;
letter-spacing:5px;
line-height:17px;
}

#destake p{
font:italic 20px Arial, Helvetica, sans-serif;
color:#0ba3f1;
width:200px;
margin-left:352px;
margin-top:-180px;
text-align:left;
letter-spacing:5px;
line-height:17px;
z-index:13;
position:absolute;
}
#destake .saiba1{
font:italic 20px Arial, Helvetica, sans-serif;
color:#0ba3f1;
width:132px;
margin-left:510px;
margin-top:15px;
text-align:left;
letter-spacing:3px;
z-index:13;
position:absolute;}
)
#gallery .h1{
font:italic 20px Arial, Helvetica, sans-serif;
color:#0ba3f1;
text-align:left;
letter-spacing:3px;
z-index:13;}
)

Compartilhar este post

Link para o post
Compartilhar em outros sites

rafael-tdc    13

rafael-tdc
Postado 

#head{
       height:121px;
       width:1900px;
       margin-left:2px;
       margin-top:150px;
       z-index:9;
       position:absolute;
}

 

A largura (width) está 1900px, é só diminuir para o tamanho certo que você precisa, que tira a barra de rolagem :thumbsup:

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