Ir para conteúdo
Fórum Script Brasil
  • 0

Como Alinhar

Erick Henrique

Perguntado por Erick Henrique,

 Share

Pergunta

Erick Henrique

Erick Henrique

Postado
Postado (editado)
Criei um Layout no photoshop e salvei para web quando ponhei no ar e entrei por outro Pc não alinhava auto alguém pode me ajudar ??
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<!-- saved from url=(0014)about:internet -->
<head>
<title>index.jpg</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">td img {display: block;}</style>
<!--Fireworks CS3 Dreamweaver CS3 target. Created Mon Aug 25 14:29:20 GMT-0300 (Hora oficial do Brasil) 2014-->
</head>
<body bgcolor="#ffffff">
<table align="center"border="0" cellpadding="0" cellspacing="0" width="1920">
<!-- fwtable fwsrc="Untitled" fwpage="Page 1" fwbase="index.jpg" fwstyle="Dreamweaver" fwdocid = "640911575" fwnested="0" -->
<tr>
<td><img src="spacer.gif" width="777" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="61" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="117" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="43" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="120" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="801" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="7"><img name="index_r1_c1" src="index_r1_c1.jpg" width="1920" height="312" border="0" id="index_r1_c1" alt="" /></td>
<td><img src="spacer.gif" width="1" height="312" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="7"><img name="index_r2_c1" src="index_r2_c1.jpg" width="1920" height="199" border="0" id="index_r2_c1" alt="" /></td>
<td><img src="spacer.gif" width="1" height="199" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="7"><img name="index_r3_c1" src="index_r3_c1.jpg" width="1920" height="163" border="0" id="index_r3_c1" alt="" /></td>
<td><img src="spacer.gif" width="1" height="163" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="7"><img name="index_r4_c1" src="index_r4_c1.jpg" width="1920" height="1" border="0" id="index_r4_c1" alt="" /></td>
<td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="6"><img name="index_r5_c1" src="index_r5_c1.jpg" width="1919" height="179" border="0" id="index_r5_c1" alt="" /></td>
<td rowspan="2"><img name="index_r5_c7" src="index_r5_c7.jpg" width="1" height="199" border="0" id="index_r5_c7" alt="" /></td>
<td><img src="spacer.gif" width="1" height="179" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="6"><img name="index_r6_c1" src="index_r6_c1.jpg" width="1919" height="20" border="0" id="index_r6_c1" alt="" /></td>
<td><img src="spacer.gif" width="1" height="20" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="7"><img name="index_r7_c1" src="index_r7_c1.jpg" width="1920" height="48" border="0" id="index_r7_c1" alt="" /></td>
<td><img src="spacer.gif" width="1" height="48" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="5"><img name="index_r8_c1" src="index_r8_c1.jpg" width="777" height="158" border="0" id="index_r8_c1" alt="" /></td>
<td rowspan="4" colspan="4"><img name="index_r8_c2" src="index_r8_c2.jpg" width="341" height="77" border="0" id="index_r8_c2" alt="" /></td>
<td rowspan="5" colspan="2"><img name="index_r8_c6" src="index_r8_c6.jpg" width="802" height="158" border="0" id="index_r8_c6" alt="" /></td>
<td><img src="spacer.gif" width="1" height="46" border="0" alt="" /></td>
</tr>
<tr>
<td><img src="spacer.gif" width="1" height="5" border="0" alt="" /></td>
</tr>
<tr>
<td><img src="spacer.gif" width="1" height="3" border="0" alt="" /></td>
</tr>
<tr>
<td><img src="spacer.gif" width="1" height="23" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="4"><img name="index_r12_c2" src="index_r12_c2.jpg" width="341" height="81" border="0" id="index_r12_c2" alt="" /></td>
<td><img src="spacer.gif" width="1" height="81" border="0" alt="" /></td>
</tr>
</table>
</body>
</html>
Editado por Erick Henrique
Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0
Sandro2011

Sandro2011

Postado
Postado

Pelo que eu entendi, já que não carreguei as imagens, você simplesmente gerou um layout no photoshop.
Uma imagem de 1920px de largura recortada pelo sistema em várias partes...

Você teria de fazer algo do tipo:

<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
body { margin : 0px; 
        padding: 0px;
}

table { width: 400px;
    border: 1px solid #ff0000;
}
.linha_banner { height: 200px; }
.container {
    width:400px;
    border: 1px solid #00ff00;
    margin: 0px auto;
}
  </style>
</head>
<body>
  <div class="container">
<table border="1">
    <tr>
        <td height="100px" colspan="2">banner aqui
        </td>

    </tr>
    <tr>
        <td height="400px" width="100px">Coluna 1 - menu
        </td>
         <td width="300px">Coluna  conteudo
        </td>
    </tr>
     <tr>
        <td height="100px" colspan="2">Rodape aqui
        </td>

    </tr>
</table>
</div>
  
</body>
</html>

Nesse exemplo acima você coloca backgrounds no body, banners no topo, menu no topo, backgrounds na parte central, define cores de fundo, poe menus e textos.

Se quiser colocar apenas 1 imagem centralizada, basta substituir o table inteiro pela tag de imagem <img src="suaimagem.jpg"/> que ela vai centralizar, mas para isso ela tem de acber na tela (ex: uma imagem de 100px de largura para um desktop do usuário de 1920px de largura)

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...