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>
