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

Adequar Resoluções

paulo.chiodini

Perguntado por paulo.chiodini,

 Share

Pergunta

paulo.chiodini

paulo.chiodini

Postado
Postado

Boa Noite Amigos, Converti um layout .psd para html e imagens em camadas, porém, o site fica decentralizado em outras resoluções, o link do site é http://www.daninos.com.br/html, coloquei alguns links como o terra somente de teste, Muito Obrigado a todos, segue código fonte:

<html>
<head>
<title>Daninos Delivery</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
div#geral {max-width: 1600px;
min-widht: 1600px;
max-height: 900px;
min-height: 900px;
}
#home p {
position: fixed;
top: 125px;
left: 670px;
}
#institucional p {
position: fixed;
top: 125px;
left: 770px;
}
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (site.psd) -->
<div id="geral">
<table id="Tabel_01" width="1614" height="804" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="13">
<img src="billeder/site_01.jpg" width="1613" height="64" alt=""></td>
<td>
<img src="billeder/spacer.gif" width="1" height="64" alt=""></td>
</tr>
<tr>
<td colspan="6" rowspan="2">
<img src="billeder/site_02.jpg" width="1098" height="442" alt=""></td>
<td>
<img src="billeder/site_03.jpg" width="34" height="33" alt=""></td>
<td rowspan="2">
<img src="billeder/site_04.jpg" width="22" height="442" alt=""></td>
<td>
<img src="billeder/site_05.jpg" width="34" height="33" alt=""></td>
<td rowspan="2">
<img src="billeder/site_06.jpg" width="21" height="442" alt=""></td>
<td>
<img src="billeder/site_07.jpg" width="34" height="33" alt=""></td>
<td colspan="2" rowspan="2">
<img src="billeder/site_08.jpg" width="370" height="442" alt=""></td>
<td>
<img src="billeder/spacer.gif" width="1" height="33" alt=""></td>
</tr>
<tr>
<td>
<img src="billeder/site_09.jpg" width="34" height="409" alt=""></td>
<td>
<img src="billeder/site_10.jpg" width="34" height="409" alt=""></td>
<td>
<img src="billeder/site_11.jpg" width="34" height="409" alt=""></td>
<td>
<img src="billeder/spacer.gif" width="1" height="409" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="billeder/site_12.jpg" width="356" height="297" alt=""></td>
<td>
<img src="billeder/site_13.jpg" width="152" height="197" alt=""></td>
<td rowspan="3">
<img src="billeder/site_14.jpg" width="209" height="297" alt=""></td>
<td rowspan="2">
<img src="billeder/site_15.jpg" width="177" height="211" alt=""></td>
<td rowspan="3">
<img src="billeder/site_16.jpg" width="148" height="297" alt=""></td>
<td colspan="7" rowspan="2">
<img src="billeder/site_17.jpg" width="238" height="211" alt=""></td>
<td rowspan="3">
<img src="billeder/site_18.jpg" width="333" height="297" alt=""></td>
<td>
<img src="billeder/spacer.gif" width="1" height="197" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="billeder/site_19.jpg" width="152" height="100" alt=""></td>
<td>
<img src="billeder/spacer.gif" width="1" height="14" alt=""></td>
</tr>
<tr>
<td>
<img src="billeder/site_20.jpg" width="177" height="86" alt=""></td>
<td colspan="7">
<img src="billeder/site_21.jpg" width="238" height="86" alt=""></td>
<td>
<img src="billeder/spacer.gif" width="1" height="86" alt=""></td>
</tr>
<tr>
<td>
<img src="billeder/spacer.gif" width="356" height="1" alt=""></td>
<td>
<img src="billeder/spacer.gif" width="152" height="1" alt=""></td>
<td>
<img src="billeder/spacer.gif" width="209" height="1" alt=""></td>
<td>
<img src="billeder/spacer.gif" width="177" height="1" alt=""></td>
<td>
<img src="billeder/spacer.gif" width="148" height="1" alt=""></td>
<td>
<img src="billeder/spacer.gif" width="56" height="1" alt=""></td>
<td>
<img src="billeder/spacer.gif" width="34" height="1" alt=""></td>
<td>
<img src="billeder/spacer.gif" width="22" height="1" alt=""></td>
<td>
<img src="billeder/spacer.gif" width="34" height="1" alt=""></td>
<td>
<img src="billeder/spacer.gif" width="21" height="1" alt=""></td>
<td>
<img src="billeder/spacer.gif" width="34" height="1" alt=""></td>
<td>
<img src="billeder/spacer.gif" width="37" height="1" alt=""></td>
<td>
<img src="billeder/spacer.gif" width="333" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End Save for Web Slices -->
<div id="home">
<p>
<a href="http://www.terra.com.br"><img src="home.png" onMouseOut="this.src='home.png';" onMouseOver="this.src='home2.png';" /> </a>
</p>
<div id="institucional">
<p>
<a href="http://www.terra.com.br"><img src="inst.png" onMouseOut="this.src='inst.png';" onMouseOver="this.src='inst2.png';" /> </a>
</p>
</div>
</div>
</body>
</html>
Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 0
Markus Magnus

Markus Magnus

Postado
Postado

O negócio é mudar o CSS na unha:

Primeiro coloque um:

body {
	margin: 0px;
}
Para evitar as margens desagradáveis envolta do site.
Depois determine a largura do corpo do site aconselho 1000px já que existem monotores com essa resolução. 
div#geral {
	widht:1000px;
	margin:0px auto;
}

Também no div#geral coloquei o margin:0px auto; que vai fazer com que a div tenha 0px de margin-top e margin-bottom, margin-left e margin-right ficam automáticas centralizando a div#geral em relação ao body

Espero ter ajudado.

Tudo de bom.

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,3k
×
×
  • Criar Novo...