This time I added a bunch of buttons at the tops with overlays, so when you mouseover it turns to the overlay image and has a glow once I did that, my layout looked like it got hit by a football player Code: <html> <head> <title>PMDESIGNSTEMPLATE</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- body { background-color: #1F1F1F; } --> </style> <script type="text/javascript"> <!-- function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> </head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('Buttons/home_overlay.jpg','Buttons/portfolio_overlay.jpg','Buttons/contact_overlay.jpg','Buttons/purchase_overlay.jpg','Buttons/aboutme_overlay.jpg')"> <table width="760" height="771" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01"> <tr> <td colspan="20"> [img]images/PMDESIGNSTEMPLATE_01.jpg[/img]</td> </tr> <tr> <td rowspan="4"> [img]images/PMDESIGNSTEMPLATE_02.jpg[/img]</td> <td colspan="17"> [img]images/PMDESIGNSTEMPLATE_03.jpg[/img]</td> <td colspan="2" rowspan="4"> [img]images/PMDESIGNSTEMPLATE_04.jpg[/img]</td> </tr> <tr> <td colspan="17"> [img]images/PMDESIGNSTEMPLATE_05.jpg[/img]</td> </tr> <tr> <td colspan="2" rowspan="2"> [img]images/PMDESIGNSTEMPLATE_06.jpg[/img]</td> <td colspan="2">[url="#"][img]Buttons/home.jpg[/img][/url]</td> <td colspan="2" rowspan="2"> [img]images/PMDESIGNSTEMPLATE_08.jpg[/img]</td> <td colspan="2">[url="#"][img]Buttons/portfolio.jpg[/img][/url]</td> <td rowspan="2"> [img]images/PMDESIGNSTEMPLATE_10.jpg[/img]</td> <td>[url="#"][img]Buttons/contact.jpg[/img][/url]</td> <td rowspan="2"> [img]images/PMDESIGNSTEMPLATE_12.jpg[/img]</td> <td colspan="3">[url="#"][img]Buttons/purchase.jpg[/img][/url]</td> <td rowspan="2"> [img]images/PMDESIGNSTEMPLATE_14.jpg[/img]</td> <td>[url="#"][img]Buttons/aboutme.jpg[/img][/url]</td> <td rowspan="2"> [img]images/PMDESIGNSTEMPLATE_16.jpg[/img]</td> </tr> <tr> <td colspan="2"> [img]images/PMDESIGNSTEMPLATE_17.jpg[/img]</td> <td colspan="2"> [img]images/PMDESIGNSTEMPLATE_18.jpg[/img]</td> <td> [img]images/PMDESIGNSTEMPLATE_19.jpg[/img]</td> <td colspan="3"> [img]images/PMDESIGNSTEMPLATE_20.jpg[/img]</td> <td> [img]images/PMDESIGNSTEMPLATE_21.jpg[/img]</td> </tr> <tr> <td colspan="19"> [img]images/PMDESIGNSTEMPLATE_22.jpg[/img]</td> <td> [img]images/PMDESIGNSTEMPLATE_23.jpg[/img]</td> </tr> <tr> <td colspan="2"> [img]images/PMDESIGNSTEMPLATE_24.jpg[/img]</td> <td colspan="18"> [img]images/PMDESIGNSTEMPLATE_25.jpg[/img]</td> </tr> <tr> <td colspan="20"> [img]images/PMDESIGNSTEMPLATE_26.jpg[/img]</td> </tr> <tr> <td colspan="8"> [img]images/PMDESIGNSTEMPLATE_27.jpg[/img]</td> <td colspan="6"> [img]images/PMDESIGNSTEMPLATE_28.jpg[/img]</td> <td colspan="6" rowspan="2"> [img]images/PMDESIGNSTEMPLATE_29.jpg[/img]</td> </tr> <tr> <td colspan="14"> [img]images/PMDESIGNSTEMPLATE_30.jpg[/img]</td> </tr> <tr> <td colspan="4" rowspan="3"> [img]images/PMDESIGNSTEMPLATE_31.jpg[/img]</td> <td colspan="2"> [img]images/PMDESIGNSTEMPLATE_32.jpg[/img]</td> <td colspan="7"> [img]images/PMDESIGNSTEMPLATE_33.jpg[/img]</td> <td colspan="3"> [img]images/PMDESIGNSTEMPLATE_34.jpg[/img]</td> <td colspan="4"> [img]images/PMDESIGNSTEMPLATE_35.jpg[/img]</td> </tr> <tr> <td colspan="9"> [img]images/PMDESIGNSTEMPLATE_36.jpg[/img]</td> <td colspan="2" rowspan="2"> [img]images/PMDESIGNSTEMPLATE_37.jpg[/img]</td> <td colspan="4"> [img]images/PMDESIGNSTEMPLATE_38.jpg[/img]</td> <td rowspan="2"> [img]images/PMDESIGNSTEMPLATE_39.jpg[/img]</td> </tr> <tr> <td colspan="9"> [img]images/PMDESIGNSTEMPLATE_40.jpg[/img]</td> <td colspan="4"> [img]images/PMDESIGNSTEMPLATE_41.jpg[/img]</td> </tr> <tr> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> </tr> </table> </body> </html>
Could you upload all your images and your .html file into a zip file and then upload it somewhere I know I can help you in a second if I can get the images. That way it will be much easier Zain
