Erick Henrique Postado Setembro 1, 2014 Denunciar Share Postado Setembro 1, 2014 (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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- saved from url=(0014)about:internet --> <html xmlns="http://www.w3.org/1999/xhtml"> <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 Setembro 2, 2014 por Erick Henrique Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Sandro2011 Postado Setembro 2, 2014 Denunciar Share Postado Setembro 2, 2014 Erick, quando você colocou no ar ele não alinhava no centro? é isso? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Erick Henrique Postado Setembro 3, 2014 Autor Denunciar Share Postado Setembro 3, 2014 sim queria saber como fazer pra ele se auto alinhar Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Sandro2011 Postado Setembro 3, 2014 Denunciar Share Postado Setembro 3, 2014 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) Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Erick Henrique
Link para o comentário
Compartilhar em outros sites
3 respostass a esta questão
Posts Recomendados
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.