Jump to content


Photo

Problema Em Layout


  • Faça o login para participar
4 replies to this topic

#1 490x

490x

    Novato no fórum

  • Usuários
  • 9 posts
  • Sexo:Não informado

Posted 16/06/2006, 19:44

Aew galera, tudo beleza!?

Então, fiz um layout no Fireworks, fatiei e tudo mais, dae montei as tabelas, no Dreamweaver tudo certinho, mas quando vejo no browser fica um espaço q eu não sei o que é. Eu vi o post de ontem de um cara com um problema parecido, mas o dele era a imagem, e nesse até o texto dá espaço. Olhem as imagens:

Posted Image
Essa é a imagem é o layout no Dreamweaver

Posted Image
Esse é a visualização no Browser.


Segue o HTML da página:

<html>
<head>
<title>layout.gif</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
td img {display: block;}body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.texto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
</style>
</head>
<body bgcolor="#ffffff">
<table width="770" border="0" cellspacing="0" cellpadding="0">
  <tr>
	<td colspan="8">
	<table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="770">
  <tr>
   <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="55" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="139" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="379" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="196" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>

  <tr>
   <td colspan="5"><img name="topo_r1_c1" src="topo\topo_r1_c1.gif" width="770" height="13" border="0" id="topo_r1_c1" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="13" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="5"><img name="topo_r2_c1" src="topo\topo_r2_c1.gif" width="770" height="21" border="0" id="topo_r2_c1" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="21" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="2" colspan="2"><img name="topo_r3_c1" src="topo\topo_r3_c1.gif" width="56" height="54" border="0" id="topo_r3_c1" alt="" /></td>
   <td rowspan="3"><img name="topo_r3_c3" src="topo\topo_r3_c3.gif" width="139" height="63" border="0" id="topo_r3_c3" alt="" /></td>
   <td><img name="topo_r3_c4" src="topo\topo_r3_c4.gif" width="379" height="48" border="0" id="topo_r3_c4" alt="" /></td>
   <td rowspan="3"><img name="topo_r3_c5" src="topo\topo_r3_c5.gif" width="196" height="63" border="0" id="topo_r3_c5" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="48" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="2"><img name="topo_r4_c4" src="topo\topo_r4_c4.gif" width="379" height="15" border="0" id="topo_r4_c4" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="6" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="2"><img name="topo_r5_c1" src="topo\topo_r5_c1.gif" width="56" height="9" border="0" id="topo_r5_c1" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="9" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="5"><img name="topo_r6_c1" src="topo\topo_r6_c1.gif" width="770" height="10" border="0" id="topo_r6_c1" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="10" border="0" alt="" /></td>
  </tr>
</table>	</td>
  </tr>
  <!-- Fim da tabela do topo -->
  <tr>
	<td width="127" rowspan="2" valign="top"><table width="21%" border="0" align="left" cellpadding="0" cellspacing="0">
	  <tr>
		<td align="left" valign="top"><img src="menu/menu.gif" width="127" height="27" /></td>
	  </tr>
	  <tr>
		<td align="left" valign="top"> </td>
	  </tr>
	  <tr>
		<td align="left" valign="top"> </td>
	  </tr>
	  <tr>
		<td align="left" valign="top"> </td>
	  </tr>
	  <tr>
		<td align="left" valign="top"> </td>
	  </tr>
	  <tr>
		<td align="left" valign="top"> </td>
	  </tr>
	  <tr>
		<td align="left" valign="top"> </td>
	  </tr>
	  <tr>
		<td align="left" valign="top"> </td>
	  </tr>
	  <tr>
		<td align="left" valign="top"> </td>
	  </tr>
	  <tr>
		<td align="left" valign="top"> </td>
	  </tr>
	  <tr>
		<td align="left" valign="top"> </td>
	  </tr>
	  <tr>
		<td align="left" valign="top"> </td>
	  </tr>
	  <tr>
		<td align="left" valign="top"> </td>
	  </tr>
	  <tr>
		<td align="left" valign="top"> </td>
	  </tr>
	  <tr>
		<td align="left" valign="top"> </td>
	  </tr>
	  <tr>
		<td align="left" valign="top"> </td>
	  </tr>
	  <tr>
		<td align="left" valign="top"> </td>
	  </tr>
	</table></td>
	<td width="31" rowspan="3" align="left" valign="top"><p> </p>	</td>
	<td width="13" rowspan="2" align="left" valign="top" background="centro/fundo.gif"><p class="style1"> </p>
	</td>
	<td width="411" rowspan="2" align="left" valign="top" class="texto"> </td>
	<td colspan="4" align="left" valign="top" class="texto"><img src="direito/atendimento.jpg" width="188" height="90" /></td>
  </tr>
  <tr>
	<td width="10" align="left" valign="top" class="texto"></td>
	<td width="13" align="left" valign="top" background="centro/fundo_direito.gif"> </td>
	<td colspan="2" align="left" valign="top" class="texto"><div align="center">13-32737702</div></td>
  </tr>
  <tr>
	<td> </td>
	<td colspan="4"><img src="centro/centro_r15_c4.gif" width="446" height="179" /></td>
	<td width="26" align="left" valign="top"> </td>
	<td width="140" align="right" valign="top"> </td>
  </tr>
</table>
</body>
</html>

Aew galera, SOCOORROOOO hehheh!!! Me ajudem aew, desde já agraço...abraços!!

#2 Fábio

Fábio

    = )

  • Usuários
  • 547 posts
  • Sexo:Masculino
  • Localidade:Rio de Janeiro - RJ
  • Interesses:Aprender e, na medida do possível, ensinar.

Posted 18/06/2006, 16:50

Cara, estou sem DW nesse PC, mas pra não passar em branco, verifique se há um espaço de pelo menos 1px entre a imagem vertical e a coluna da direita.. o Dreamweaver tem essas frescuras. ;)
Fábio Martinho
www.fabiomartinho.com
Participante da equipe de 11/11/2005 a 20/11/2007.

#3 Tsunami

Tsunami

    Normal

  • Usuários
  • 111 posts
  • Sexo:Feminino
  • Localidade:Guararapes SP
  • Interesses:Adoro animes, mangás, programação e o Shun *.*

Posted 18/06/2006, 18:24

Em todos os meus navagadores abriu normal, talvez por eu estar sem as imagens, mas pelo que vi das suas tabelas, elas estão mal posicionadas, tipo, do lado direito tem uma coluna menor que a outra debaixo da primeira, isso é o tipo de coisa que faz esse erro acontecer. Tente assim:

<html>

<head>

<title>layout.gif</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">

td img {display: block;}body {

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

}

.texto {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

}

</style>

</head>

<body bgcolor="#ffffff">

<table width="770" border="0" cellspacing="0" cellpadding="0">
  <tr> 
	<td colspan="8"> <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="770">
		<tr> 
		  <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
		  <td><img src="spacer.gif" width="55" height="1" border="0" alt="" /></td>
		  <td><img src="spacer.gif" width="139" height="1" border="0" alt="" /></td>
		  <td><img src="spacer.gif" width="379" height="1" border="0" alt="" /></td>
		  <td><img src="spacer.gif" width="196" height="1" border="0" alt="" /></td>
		  <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
		</tr>
		<tr> 
		  <td colspan="5"><img name="topo_r1_c1" src="topo\topo_r1_c1.gif" width="770" height="13" border="0" id="topo_r1_c1" alt="" /></td>
		  <td><img src="spacer.gif" width="1" height="13" border="0" alt="" /></td>
		</tr>
		<tr> 
		  <td colspan="5"><img name="topo_r2_c1" src="topo\topo_r2_c1.gif" width="770" height="21" border="0" id="topo_r2_c1" alt="" /></td>
		  <td><img src="spacer.gif" width="1" height="21" border="0" alt="" /></td>
		</tr>
		<tr> 
		  <td rowspan="2" colspan="2"><img name="topo_r3_c1" src="topo\topo_r3_c1.gif" width="56" height="54" border="0" id="topo_r3_c1" alt="" /></td>
		  <td rowspan="3"><img name="topo_r3_c3" src="topo\topo_r3_c3.gif" width="139" height="63" border="0" id="topo_r3_c3" alt="" /></td>
		  <td><img name="topo_r3_c4" src="topo\topo_r3_c4.gif" width="379" height="48" border="0" id="topo_r3_c4" alt="" /></td>
		  <td rowspan="3"><img name="topo_r3_c5" src="topo\topo_r3_c5.gif" width="196" height="63" border="0" id="topo_r3_c5" alt="" /></td>
		  <td><img src="spacer.gif" width="1" height="48" border="0" alt="" /></td>
		</tr>
		<tr> 
		  <td rowspan="2"><img name="topo_r4_c4" src="topo\topo_r4_c4.gif" width="379" height="15" border="0" id="topo_r4_c4" alt="" /></td>
		  <td><img src="spacer.gif" width="1" height="6" border="0" alt="" /></td>
		</tr>
		<tr> 
		  <td colspan="2"><img name="topo_r5_c1" src="topo\topo_r5_c1.gif" width="56" height="9" border="0" id="topo_r5_c1" alt="" /></td>
		  <td><img src="spacer.gif" width="1" height="9" border="0" alt="" /></td>
		</tr>
		<tr> 
		  <td colspan="5"><img name="topo_r6_c1" src="topo\topo_r6_c1.gif" width="770" height="10" border="0" id="topo_r6_c1" alt="" /></td>
		  <td><img src="spacer.gif" width="1" height="10" border="0" alt="" /></td>
		</tr>
	  </table></td>
  </tr>
  <!-- Fim da tabela do topo -->
  <tr> 
	<td width="127" rowspan="2" valign="top"><table width="21%" border="0" align="left" cellpadding="0" cellspacing="0">
		<tr> 
		  <td align="left" valign="top"><img src="menu/menu.gif" width="127" height="27" /></td>
		</tr>
		<tr> 
		  <td align="left" valign="top"> </td>
		</tr>
		<tr> 
		  <td align="left" valign="top"> </td>
		</tr>
		<tr> 
		  <td align="left" valign="top"> </td>
		</tr>
		<tr> 
		  <td align="left" valign="top"> </td>
		</tr>
		<tr> 
		  <td align="left" valign="top"> </td>
		</tr>
		<tr> 
		  <td align="left" valign="top"> </td>
		</tr>
		<tr> 
		  <td align="left" valign="top"> </td>
		</tr>
		<tr> 
		  <td align="left" valign="top"> </td>
		</tr>
		<tr> 
		  <td align="left" valign="top"> </td>
		</tr>
		<tr> 
		  <td align="left" valign="top"> </td>
		</tr>
		<tr> 
		  <td align="left" valign="top"> </td>
		</tr>
		<tr> 
		  <td align="left" valign="top"> </td>
		</tr>
		<tr> 
		  <td align="left" valign="top"> </td>
		</tr>
		<tr> 
		  <td align="left" valign="top"> </td>
		</tr>
		<tr> 
		  <td align="left" valign="top"> </td>
		</tr>
		<tr> 
		  <td align="left" valign="top"> </td>
		</tr>
	  </table></td>
	<td width="31" rowspan="3" align="left" valign="top"><p> </p></td>
	<td width="13" rowspan="2" align="left" valign="top" background="centro/fundo.gif"><p class="style1"> 
	  </p></td>
	<td width="411" rowspan="2" align="left" valign="top" class="texto"> </td>
	<td colspan="4" align="left" valign="top" class="texto"><img src="direito/atendimento.jpg" width="188" height="90" /></td>
  </tr>
  <tr> 
	<td width="10" align="left" valign="top" class="texto"></td>
	<td width="13" align="left" valign="top" background="centro/fundo_direito.gif"> 
	</td>
	<td colspan="2" rowspan="2" align="left" valign="top" class="texto"> <div align="center">
		<table width="166" border="0" cellspacing="0" cellpadding="0">
		  <tr> 
			<td><div align="center">13-32737702</div></td>
		  </tr>
		</table>
	  </div></td>
  </tr>
  <tr> 
	<td> </td>
	<td colspan="4"><img src="centro/centro_r15_c4.gif" width="446" height="179" /> 
	</td>
  </tr>
</table>

</body>

</html>

Posted Image · O quadrado mágico :D

#4 490x

490x

    Novato no fórum

  • Usuários
  • 9 posts
  • Sexo:Não informado

Posted 18/06/2006, 23:20

Num sei o que acontece, eu usei esse codigo e dá o mesmo erro.
Quando eu aumento o height da celula ele alinha direitinho, mas se eu naum defino o height fica do jeito qeu mostrei no exemplo....entenderam?

#5 Fábio

Fábio

    = )

  • Usuários
  • 547 posts
  • Sexo:Masculino
  • Localidade:Rio de Janeiro - RJ
  • Interesses:Aprender e, na medida do possível, ensinar.

Posted 19/06/2006, 17:26

Num sei o que acontece, eu usei esse codigo e dá o mesmo erro.
Quando eu aumento o height da celula ele alinha direitinho, mas se eu naum defino o height fica do jeito qeu mostrei no exemplo....entenderam?


Tem alguma finalidade a não atribuição do height na célula? :huh:
Fábio Martinho
www.fabiomartinho.com
Participante da equipe de 11/11/2005 a 20/11/2007.




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq