Ir para conteúdo

Arquivado

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

barbicacho

Problema na Div

Por , em Desenvolvimento frontend

Recommended Posts

barbicacho    0

barbicacho
Postado

Estava montando um site tranquilo com um topo e meio, então inclui uma galeria em Jquery no meio do site

e quando fiz isso aconteceu um espaçamento entre o topo e o meio do site como na imagem abaixo

 

http://img16.imageshack.us/img16/6580/imagemwka.jpg

 

aqui o codigo, se eu remover a Div Conteudo que nela contem a galeria, fica tudo normal, agora com ela ocorre o espaçamento, Agradeço desde já

 

<div id="topo"></div>
<body>
<div id="site"	
	<div id="conteudo">	
        <h1>A classic Galleria gallery</h1>
        <div id="galleria">
        <img src="img/0.jpg" title="imagem" alt="img" />
	<img src="img/1.jpg" title="imagem" alt="img" />
	<img src="img/2.jpg" title="imagem" alt="img" />
	<img src="img/3.jpg" title="imagem" alt="img" />
	<img src="img/4.jpg" title="imagem" alt="img" />
	<img src="img/5.jpg" title="imagem" alt="img" />
	<img src="img/6.jpg" title="imagem" alt="img" />
	<img src="img/7.jpg" title="imagem" alt="img" />
	<img src="img/8.jpg" title="imagem" alt="img" />
	<img src="img/9.jpg" title="imagem" alt="img" />
	<img src="img/1.jpg" title="imagem" alt="img" />
        </div>
	</div>




</div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

está usando css reset ? doctype ?

 

mostre o teu css

Compartilhar este post

Link para o post
Compartilhar em outros sites

barbicacho    0

barbicacho
Postado

Aqui o CSS

 

body {
	font: 11px Arial, Helvetica, sans-serif;
	background: #ffffff url(images/main-bg.gif);
	padding: 0;
	margin: 0;
}

#topo {background-image: url("img/protopo.png"); background-repeat:no-repeat; width:850px; height:200px; margin-left:75px;}

#site { width:850px; height:550px; background:#333333;  margin-left:75px;
}



 #conteudo{color:#ccc;font:14px/1.4 arial,sans-serif;width:600px;margin:20px auto}
            h1{line-height:1.1;letter-spacing:-1px;}
            #galleria{height:400px;}
		img {
	border: none;}





#footer{

width:850px;
heig7t:10px;
background:#000000;
margin-left:75px;
margin-top:0px;
*margin-top:100px;
font-weight:bold;
color:#FFFFFF;}

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Envie teu html, e teu css para o validador:

http://validator.w3.org/

http://jigsaw.w3.org/css-validator/

 

após validar, poste um link para o site.

Compartilhar este post

Link para o post
Compartilhar em outros sites

barbicacho    0

barbicacho
Postado

No HTML o codigo foi validado com sucesso :D

no css apresentou os seguintes erros:

Lamento! Encontramos os seguintes erros (4)

URI : TextArea

31 #footer Erro de parseamento *margin-top:100px;

32 Pseudo-elemento ou pseudo classe :bold desconhecido

32 font-weight Erro de parseamento bold;

33 Erro de parseamento [:#ffffff;}]

Compartilhar este post

Link para o post
Compartilhar em outros sites

Evandro Oliveira    331

Evandro Oliveira
Postado 

body{font:11px Arial, Helvetica, sans-serif;background:#ffffff url(images/main-bg.gif);padding:0;margin:0;}

#topo{background: url("img/protopo.png") no-repeat;width:850px;height:200px;margin-left:75px;}

#site{width:850px;height:550px;background:#333;margin-left:75px;}

#conteudo{color:#ccc;font:14px/1.4em arial,sans-serif;width:600px;margin:20px auto}

h1{line-height:1.1em;letter-spacing:-1px;}

#galleria{height:400px;}

img{border: none;}

#footer{width:850px;height:10px;background:#000;margin-left:75px;margin-top:0px!important;margin-top:100px;font-weight:bold;color:#FFF;}

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

poste o link para o teu site

ou todo o código html+css atual

Compartilhar este post

Link para o post
Compartilhar em outros sites

barbicacho    0

barbicacho
Postado

Opa o Site ainda Off, mas aqui o codigo completo.

 

CSS

body{font:11px Arial, Helvetica, sans-serif;background:#ffffff 

url(images/main-bg.gif);padding:0;margin:0;}
#topo{background: url("img/protopo.png") 

no-repeat;width:850px;height:200px;margin-left:75px;}
#site{width:850px;height:550px;background:#333;margin-left:75px;}
#conteudo{color:#ccc;font:14px/1.4em arial,sans-serif;width:600px;margin:20px auto}
h1{line-height:1.1em;letter-spacing:-1px;}
#galleria{height:400px;}
img{border: none;}
#footer{width:850px;height:55px;background:#000;margin-left:75px;margin-top:0px!important;margin-top:100px;font-weight:bold;color:#FFF;}

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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Pro Players</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="js/galleria.js"></script>


<link href="fotos.css" rel="stylesheet" type="text/css" />

</head>



<body>
<div id="topo"></div>
<div id="site">	
	<div id="conteudo">	
        <h1>A classic Galleria gallery</h1>
        <div id="galleria">
        <img src="img/0.jpg" title="imagem" alt="img" />
	<img src="img/1.jpg" title="imagem" alt="img" />
	<img src="img/2.jpg" title="imagem" alt="img" />
	<img src="img/3.jpg" title="imagem" alt="img" />
	<img src="img/4.jpg" title="imagem" alt="img" />
	<img src="img/5.jpg" title="imagem" alt="img" />
	<img src="img/6.jpg" title="imagem" alt="img" />
	<img src="img/7.jpg" title="imagem" alt="img" />
	<img src="img/8.jpg" title="imagem" alt="img" />
	<img src="img/9.jpg" title="imagem" alt="img" />
	<img src="img/1.jpg" title="imagem" alt="img" />
        </div>
	</div>


	


</div>




  <script type="text/javascript">
    
    // Load the classic theme
    Galleria.loadTheme('src/themes/classic/galleria.classic.js');

    // Initialize Galleria
    $('#galleria').galleria();
    
    </script>

<div id="footer">
Pro Players Lan House<br />
Rua: Benjamin Constant 3015 Uruguaiana - RS<br />
Todos os direitos Reservados a:<br />
<font color="blue">Matheus da Rosa, Rodrigo Borges e Adriano Fagundes</font>
</div>


</body>
</html>

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