I've tried putting everything in tables don't know how it displays because I didn't have the graphics to work with.But this will give you the idea muck around with it see if you can get the look your after.Everything will ajust to the different screen resolutions automatically.The table is set to 100%width.Just copy and paste the code and save it in the same place as the original page.Good luck.
<html>
<head>
<title>INGLESEPLUS.COM HOMEPAGE1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="File-List" href="index_file/filelist.xml">
<title>INGLESEPLUS.COM HOMEPAGE</title>
<script language="JavaScript">
<!--
function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
// -->
</script>
<style fprolloverstyle>A:hover {color: #FF0000; font-weight: bold}
</style>
<!--[if !mso]>
<style>
v\:* { behavior: url(#default#VML) }
o\:* { behavior: url(#default#VML) }
.shape { behavior: url(#default#VML) }
</style>
<![endif]-->
<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation" src="animate.js">
</script>
<!--[if gte mso 9]>
<xml><o:shapedefaults v:ext="edit" spidmax="1027"/>
</xml><![endif]-->
</head>
<body background="marble4.jpg">
<table width="100%" cellspacing="0" cellpadding="0" height="624">
<tr>
<td width="9%" valign="top" height="60"><a href="http://www.ingleseplus.com/"><img border="0"
src="mylogo.gif" width="67" height="50"></a></td>
<td width="15%" valign="top" height="60"><a href="http://www.ingleseplus.com/us.htm"><img border="0" id="img33"
src="button3A.jpg" height="51" width="74" alt="chi siamo"
fp-style="fp-btn: Soft Tab 7; fp-font: Arial; fp-font-color-hover: #FFFF00; fp-proportional: 0; fp-orig: 0" fp-title="chi siamo"
onMouseOver="FP_swapImg(1,0,/*id*/'img33',/*url*/'button3B.jpg')"
onMouseOut="FP_swapImg(0,0,/*id*/'img33',/*url*/'button3A.jpg')"
onMouseDown="FP_swapImg(1,0,/*id*/'img33',/*url*/'button3C.jpg')"
onMouseUp="FP_swapImg(0,0,/*id*/'img33',/*url*/'button3B.jpg')"></a></td>
<td height="60" valign="top" align="center"><font size="4" color="#FFFF00"
face="Arial Rounded MT Bold">INGLESEPLUS.COM</font><font size="2" color="#FFFFFF" face="Arial Narrow">
un </font> <font face="Arial Narrow" size="2" color="#FFFFFF">progetto
di cultura anglosassone e italiana</font><font size="2" face="Arial Narrow" color="#FFFFFF">
</font><font size="2" color="#FFFF00"
face="Arial Narrow"> </font><b><span style="text-decoration: none"><font size="2"
color="#00FFFF" face="Eras Medium ITC"><a href="http://www.ingleseplus.com/englishpage.htm">
</a> </font> </span> </b> <b><span style="text-decoration: none"><font size="2"
color="#00FFFF" face="Eras Medium ITC"><a href="http://www.ingleseplus.com/englishpage.htm">English
Page</a></font></span></b><font face="French Script MT" color="#FFFFFF">
</font></td>
<td width="16%" height="60" valign="top" align="center"><a href="http://www.telefonoarcobaleno.com"><img border="0" src="telefonoarcobaleno_com.gif" width="125"
height="53"></a></td>
</tr>
<tr>
<td colspan="2" valign="top"><img border=0
width=149 height=58 src="index_file/image001.gif" usemap="#MicrosoftOfficeMap0"
v:shapes="_x0000_s1211">
<map
name=MicrosoftOfficeMap0>
<area shape=Polygon
coords="21,2,2,22,2,51,4,54,128,54,129,54,134,50,1 47,35,147,4,145,2,21,2"
href="http://www.ingleseplus.com/mission.htm" title="">
</map>
</td>
<td valign="top" align="center" rowspan="3">
<table width="100%" cellspacing="0" cellpadding="0" background="index_file/image015.gif" height="100%">
<tr valign="top" align="center">
<td width="30"> </td>
<td colspan="3"><img
width=143 height=45 src="index_file/image012.gif" v:shapes="_x0000_s1298"></td>
<td width="36"> </td>
</tr>
<tr>
<td width="60" colspan="2"><img
width=159 height=49 src="index_file/image009.gif" v:shapes="_x0000_s1316"></td>
<td height="24"> </td>
<td align="right" width="71" colspan="2"><img
width=159 height=51 src="index_file/image011.gif" v:shapes="_x0000_s1303"></td>
</tr>
<tr valign="bottom" align="center">
<td width="30"> </td>
<td colspan="3"><img
width=146 height=51 src="index_file/image010.gif" v:shapes="_x0000_s1308"></td>
<td width="36"> </td>
</tr>
</table>
</td>
<td width="16%" align="right"><img
border=0 width=150 height=54 src="index_file/image003.gif"
usemap="#MicrosoftOfficeMap2" v:shapes="_x0000_s1200">
<map
name=MicrosoftOfficeMap2>
<area shape=Polygon
coords="0,3,-1,4,-1,32,15,51,16,51,143,51,144,51,144,22,142,19,125,3 ,0,3"
href="%5bU%5dhttp:/www.ingleseplus.com/listen.htm" title="">
</map>
</td>
</tr>
<tr>
<td colspan="2" valign="top" height="58"><img
border=0 width=149 height=56 src="index_file/image002.gif"
usemap="#MicrosoftOfficeMap1" v:shapes="_x0000_s1207">
<map
name=MicrosoftOfficeMap1>
<area shape=Polygon
coords="18,3,-1,22,-1,49,1,53,125,53,129,51,144,35,144,5,142,3,18,3"
href="%5bU%5dhttp:/www.ingleseplus.com/translations.htm" title="">
</map>
</td>
<td width="16%" align="right" height="58"><img border=0
width=151 height=54 src="index_file/image004.gif" usemap="#MicrosoftOfficeMap3"
v:shapes="_x0000_s1208">
<map
name=MicrosoftOfficeMap3>
<area shape=Polygon
coords="2,2,1,3,1,31,17,50,18,50,146,50,147,50,147 ,21,145,18,128,2,2,2"
href="%5bU%5dhttp:/www.ingleseplus.com/read.htm" title="">
</map>
</td>
</tr>
<tr>
<td colspan="2" valign="top" height="49"><img
border=0 width=147 height=55 src="index_file/image005.gif"
usemap="#MicrosoftOfficeMap4" v:shapes="_x0000_s1215">
<map
name=MicrosoftOfficeMap4>
<area shape=Polygon
coords="20,2,1,21,1,47,2,51,3,51,126,51,128,50,144 ,34,144,4,142,2,20,2"
href="%5bU%5dhttp:/www.ingleseplus.com/consultancies.htm" title="">
</map>
</td>
<td width="16%" align="right" height="49"><img border=0
width=152 height=56 src="index_file/image014.gif" usemap="#MicrosoftOfficeMap6"
v:shapes="_x0000_s1204">
<map
name=MicrosoftOfficeMap6>
<area shape=Polygon
coords="0,2,-1,3,-1,33,14,50,17,52,144,52,146,50,146,22,144,18,127,2 ,0,2"
href="%5bU%5dhttp:/www.ingleseplus.com/write.htm" title="">
</map>
</td>
</tr>
<tr>
<td colspan="2" valign="top" height="59"><img
border=0 width=148 height=56 src="index_file/image006.gif"
usemap="#MicrosoftOfficeMap5" v:shapes="_x0000_s1293">
<map
name=MicrosoftOfficeMap5>
<area shape=Polygon
coords="20,3,1,22,1,49,3,53,126,53,130,51,145,35,1 45,5,143,3,20,3"
href="%5bU%5dhttp:/www.ingleseplus.com/pc_friend.htm" title="">
</map>
</td>
<td height="59"> </td>
<td width="16%" align="right" height="59"><img
border=0 width=151 height=55 src="index_file/image016.gif"
usemap="#MicrosoftOfficeMap7" v:shapes="_x0000_s1291">
<map
name=MicrosoftOfficeMap7>
<area shape=Polygon
coords="3,3,2,4,2,33,17,51,20,52,147,52,148,51,148 ,23,146,19,129,3,3,3"
href="%5bU%5dhttp:/www.ingleseplus.com/dictionary.htm" title="">
</map>
</td>
</tr>
<tr>
<td colspan="2" valign="top"><img width=170
height=56 src="index_file/image008.gif"
alt="Casella di testo: INGLESE TECNICO
" v:shapes="_x0000_s1318"></td>
<td valign="top" align="center"><img
width=186 height=52 src="index_file/image017.gif"
alt="Casella di testo: INGLESE ECONOMIA
" v:shapes="_x0000_s1320"><img
width=199 height=51 src="index_file/image019.gif"
alt="Casella di testo: CULTURA ANGLOSASSONE
" v:shapes="_x0000_s1321"></td>
<td width="16%" valign="top"><img
width=176 height=51 src="index_file/image007.gif"
alt="Casella di testo: RACCONTI E POESIE
" v:shapes="_x0000_s1319"></td>
</tr>
<tr>
<td colspan="2" height="180"> </td>
<td valign="top" align="center" height="180"><img width=299 height=182
src="index_file/image020.gif" v:shapes="_x0000_s1322"></td>
<td width="16%" height="180"> </td>
</tr>
<tr>
<td colspan="2"> </td>
<td valign="top" align="center"><img
width=288 height=20 src="index_file/image018.gif" v:shapes="_x0000_s1323"></td>
<td width="16%"> </td>
</tr>
</table>
</body>
</html>
Regards Steveharro
Best Download Sites
.For your image repeating you need to look into CSS style sheets.This will do the trick for know.Just change the image name images/logo.gif to the background image your using.And make sure you have the correct path as well.
