ok, i’ll follow 3d-iva’s instructions, if i have any doubt, i’ll post it here 
how can i set the margins to 0px?
keep in mind if you want it centered vertically also…make the table 3 cols by 3 rows (100% wide 100% height). follow the same instructions but setting the height of the scaling td’s to 50%.
for 0px margins:
<BODY BGCOLOR="#FFFFFF" topmargin=0 leftmargin=0 marginheight=0 marginwidth=0>
i cant get it … 
i’m using dreamweaver, but i dont get it
i have this
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<BODY BGCOLOR="#FFFFFF" topmargin=0 leftmargin=0 marginheight=0 marginwidth=0>
<table width="100%" border="0" cellpadding="0100">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
wait… i think i’m getting it…
ok, it’s done :D, but now, how do i center it vertically?
marginheight=0 marginwidth=0
This will cause problems in NS and Opera… use right-margin and bottom-margin. Also for compatibility it is better if you declare it in css. but for testing how you have it is fine.
But yes that table looks fine. Keep in mind that will only center horizontally
actually it is margin-right and margin-bottom
…but i still see a small space in the right border
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="50%" height="50%"> </td>
<td height="50%"> </td>
<td width="50%" height="50%"> </td>
</tr>
<tr>
<td> </td>
<td><img src="transparent.gif" width="300" height="300"><br>your content here</td>
<td> </td>
</tr>
<tr>
<td height="50%"> </td>
<td height="50%"> </td>
<td height="50%"> </td>
</tr>
</table>
I knew you were going to ask that
*Originally posted by Eberth *
**…but i still see a small space in the right border **
ohh, now it dissapeared…
now… how do i center it vertically???
if you use my tables it should now be centered vertically
i have to change everything again?
or what do i have to modify in my code?
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a*)&&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*.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a*;}}
}
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*[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers*.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*))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<BODY BGCOLOR="#FFFFFF" leftmargin=0 topmargin=0 marginwidth=0 marginheight=0 onLoad="MM_preloadImages('fondoeberthover.jpg')">
<table width="100%" height="250" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="50%" height="200" background="fondoeberth.jpg"> </td>
<td width="275px" background="fondoeberth.jpg"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('boton','','fondoeberthover.jpg',1)"><img src="fondo2.jpg" name="boton" width="455" height="250" border="0"></a></td>
<td width="69%" background="fondoeberth.jpg"> </td>
</tr>
</table>
</body>
</html>
this is my code…
just put your line
<td width="275px" background="fondoeberth.jpg"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('boton','','fondoeberthover.jpg',1)"><img src="fondo2.jpg" name="boton" width="455" height="250" border="0"></a></td>
In where mine says
<td><img src="transparent.gif" width="300" height="300">your content here</td>
That should work…now I wish some one would look at my post and give me some opinions:scream:
actually add the first
<tr>
and the third
<tr>
…in that order you took them from my code.
Or you can just add your
<td width="275px" background="fondoeberth.jpg"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('boton','','fondoeberthover.jpg',1)"><img src="fondo2.jpg" name="boton" width="455" height="250" border="0"></a></td>
to my code…then paste all the MM header stuff to mine