Ir para conteúdo

POWERED BY:

Arquivado

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

Eva Morrissey

Problemas com espaçamento entre camadas

Por , em Desenvolvimento frontend

Recommended Posts

Eva Morrissey    0

Eva Morrissey
Postado

Olá,

estou tentando testar se consigo fazer um layout pra newsletter pro trabalho sem usar tabelas, coisa que eu nunca tinha feito :)

Só que não estou conseguindo colocar uma camada exatamente sobre a outra, sem espaços.

 

É para a newsletter ficar assim:

 

http://graalrpg.com/prototipos/acessanews/...-acreenshot.jpg

 

Só que está ficando assim:

 

http://graalrpg.com/prototipos/acessanews/news.htm

 

O CSS é esse:

 

/* CSS Document */

#news {
	width: 650px;
}

#topo {
	width: 650px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#meio {
	width: 650px;
	text-align: center;
	border: 0px;
	text-align: center;
	background-image: url(imagens/acessanews_r2_c1.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#rodape{
	background-image: url(imagens/acessanews_r3_c1.gif);
	background-repeat: no-repeat;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

E o html é esse:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="newscss.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="news">

 <div id="topo">
 <img src="imagens/acessanews_r1_c1.gif"><img src="imagens/acessanews_r1_c3.gif"><img src="imagens/acessanews_r1_c4.gif"><img src="imagens/acessanews_r1_c5.gif">
 </div>

<div id="meio">
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
</div>
<div id="rodape"> 
  <p>Acesse o portal Acessa SP e confira muito mais!</p>
  <p> </p>
</div>
</body>
</html>

 

Alguém pode me ajudar?

Beijos.

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