hello, on my site i have a splash image and u enter the site from there, but when i check the resoloution at 1024 X 768, the image is off the the left side and streched out, but i wanted it to be the same as in 800 x 600 and centered..can someone please tell the commands to put in the html. thanks alot!<!--content-->lets have a look at that page/ url/ code please.....<!--content--><html><br />
<head><br />
<title>I N</title><br />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><br />
</head><br />
<br />
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scroll="no"><br />
<center><table width="100%" height="100%"><tr><td valign="middle" align="center"><br />
<img src=http://www.htmlforums.com/archive/index.php/"My%20Documents/InertiaSplash12final.jpg"STYLE="LEFT:0px;POSITION:absolute;TOP:20px"> <br />
<a href=http://www.htmlforums.com/archive/index.php/"http://www.inertia.hu/en/"><img src="My%20Documents/englishbutton.jpg"style="LEFT:340px;POSITION:absolute;TOP:367px" border=0></a> <br />
<a href=http://www.htmlforums.com/archive/index.php/"http://inertia.d2.hu/hu/"><img src="My%20Documents/magyarbutton.jpg"STYLE="LEFT:395px;POSITION:absolute;TOP:370px" BORDER=0></a> <br />
</td></tr></table></center><br />
</body><br />
</html><br />
<br />
<br />
<br />
when i do it in the higher res, its all streched out and to the left.<!--content-->not sure what all those style tags are doing there... but they are conflicting with the valing=middle align=center in the TD tag. I removed them, and added height and width properties to the img tags, and it looks good to me. Hard to tell what your going for without the images, but this may be it. <br />
<br />
<br />
<br />
<html> <br />
<head> <br />
<title>I N</title> <br />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <br />
</head> <br />
<br />
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scroll="no"> <br />
<center><table width="100%" height="100%"><tr><td valign="middle" align="center"> <br />
<img src=http://www.htmlforums.com/archive/index.php/"My%20Documents/InertiaSplash12final.jpg" height=200 width=200 "> <br />
<a href=http://www.htmlforums.com/archive/index.php/"http://www.inertia.hu/en/"><img src="My%20Documents/englishbutton.jpg" height=200 width=200 border=0></a> <br />
<a href=http://www.htmlforums.com/archive/index.php/"http://inertia.d2.hu/hu/"><img src="My%20Documents/magyarbutton.jpg" height=200 width=200 BORDER=0></a> <br />
</td></tr></table></center> <br />
</body> <br />
</html><!--content-->Change the width properties for your first table tag from percentages to pixels.<br />
ie.<br />
width="750"<br />
<br />
Why 750 and not 800? Well once you account for the multitude of browsers that surfers use and whether a mac or pc... then you will find that this is the common denominator for live web design space. <br />
<br />
Anyway go with pixels and you should see the differance.<br />
Hope that helps.<!--content-->
<head><br />
<title>I N</title><br />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><br />
</head><br />
<br />
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scroll="no"><br />
<center><table width="100%" height="100%"><tr><td valign="middle" align="center"><br />
<img src=http://www.htmlforums.com/archive/index.php/"My%20Documents/InertiaSplash12final.jpg"STYLE="LEFT:0px;POSITION:absolute;TOP:20px"> <br />
<a href=http://www.htmlforums.com/archive/index.php/"http://www.inertia.hu/en/"><img src="My%20Documents/englishbutton.jpg"style="LEFT:340px;POSITION:absolute;TOP:367px" border=0></a> <br />
<a href=http://www.htmlforums.com/archive/index.php/"http://inertia.d2.hu/hu/"><img src="My%20Documents/magyarbutton.jpg"STYLE="LEFT:395px;POSITION:absolute;TOP:370px" BORDER=0></a> <br />
</td></tr></table></center><br />
</body><br />
</html><br />
<br />
<br />
<br />
when i do it in the higher res, its all streched out and to the left.<!--content-->not sure what all those style tags are doing there... but they are conflicting with the valing=middle align=center in the TD tag. I removed them, and added height and width properties to the img tags, and it looks good to me. Hard to tell what your going for without the images, but this may be it. <br />
<br />
<br />
<br />
<html> <br />
<head> <br />
<title>I N</title> <br />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <br />
</head> <br />
<br />
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scroll="no"> <br />
<center><table width="100%" height="100%"><tr><td valign="middle" align="center"> <br />
<img src=http://www.htmlforums.com/archive/index.php/"My%20Documents/InertiaSplash12final.jpg" height=200 width=200 "> <br />
<a href=http://www.htmlforums.com/archive/index.php/"http://www.inertia.hu/en/"><img src="My%20Documents/englishbutton.jpg" height=200 width=200 border=0></a> <br />
<a href=http://www.htmlforums.com/archive/index.php/"http://inertia.d2.hu/hu/"><img src="My%20Documents/magyarbutton.jpg" height=200 width=200 BORDER=0></a> <br />
</td></tr></table></center> <br />
</body> <br />
</html><!--content-->Change the width properties for your first table tag from percentages to pixels.<br />
ie.<br />
width="750"<br />
<br />
Why 750 and not 800? Well once you account for the multitude of browsers that surfers use and whether a mac or pc... then you will find that this is the common denominator for live web design space. <br />
<br />
Anyway go with pixels and you should see the differance.<br />
Hope that helps.<!--content-->