thank you in advance for any help. i am a dinasaur in the world of web design, so please know that in advance but i am going crazy here. i design very simple websites for opera singers and always like to design artwork that i center on a splash page. i used to code it myself but have to admit that i have been using dreamweaver with my own tweaking. i have just upgraded to mx and i know i'm very behind the times but have always used a table within a table to keep my graphic centered on any monitor and/or browser and have lived by this code:<br />
<table border="0" width="100%" height="100%" align ="center" cellpadding="0" cellspacing="0"><br />
<tr><br />
<td align="center" valign="middle"><br />
<insert table-which is usually a 1x1 table with exact width/height of graphic><br />
</td><br />
</tr><br />
</table><br />
this time it looks fine on my mac in ie, but clings to the top in any other browser and on pc it is clinging to top in all browsers.any help would be so grateful and i'm studying now so i can get back into the loop and up to date. should i just throw caution out and let dreamweaver code and use css? here's a link. these are just mock ups: <!-- m --><a class="postlink" href="http://homepage.mac.com/stevesherling/kate/index.html">http://homepage.mac.com/stevesherling/kate/index.html</a><!-- m --> the page numbers are links to other examples.<!--content-->It's working fine in W2k, IE6.0.<!--content-->It's also working fine on XPPro using Mozilla FireFox, Opera, IE 6, and Avant browsers.
<!--content-->Allow me to suggest a layout concept. The base tag is just in there so I can work locally against your images.<br />
<br />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"<br />
"http://www.w3.org/TR/html4/loose.dtd"> <br />
<html> <br />
<head> <br />
<base href=http://www.webdeveloper.com/forum/archive/index.php/"http://homepage.mac.com/stevesherling/kate/" /><br />
<title>Conforming HTML 4.01 Transitional Template</title><br />
<style type="text/css"><br />
body {<br />
margin:0; border:0;<br />
font-family: Arial, Helvetica, sans-serif;<br />
background: #a53f18 url(photos/splashtest.jpg) center center no-repeat;<br />
}<br />
#link {<br />
position: absolute;<br />
width: 100%;<br />
text-align: center;<br />
bottom: 10px;<br />
}<br />
#link a {<br />
font-weight: bold;<br />
color: #000;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div id="link"><a href=http://www.webdeveloper.com/forum/archive/index.php/"page2.html">page 1</a></div><br />
</body><br />
</html><!--content-->thank you all very much! <br />
all of your replies were very, very helpful and i appreciate it very much.<!--content-->
<table border="0" width="100%" height="100%" align ="center" cellpadding="0" cellspacing="0"><br />
<tr><br />
<td align="center" valign="middle"><br />
<insert table-which is usually a 1x1 table with exact width/height of graphic><br />
</td><br />
</tr><br />
</table><br />
this time it looks fine on my mac in ie, but clings to the top in any other browser and on pc it is clinging to top in all browsers.any help would be so grateful and i'm studying now so i can get back into the loop and up to date. should i just throw caution out and let dreamweaver code and use css? here's a link. these are just mock ups: <!-- m --><a class="postlink" href="http://homepage.mac.com/stevesherling/kate/index.html">http://homepage.mac.com/stevesherling/kate/index.html</a><!-- m --> the page numbers are links to other examples.<!--content-->It's working fine in W2k, IE6.0.<!--content-->It's also working fine on XPPro using Mozilla FireFox, Opera, IE 6, and Avant browsers.
<!--content-->Allow me to suggest a layout concept. The base tag is just in there so I can work locally against your images.<br /><br />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"<br />
"http://www.w3.org/TR/html4/loose.dtd"> <br />
<html> <br />
<head> <br />
<base href=http://www.webdeveloper.com/forum/archive/index.php/"http://homepage.mac.com/stevesherling/kate/" /><br />
<title>Conforming HTML 4.01 Transitional Template</title><br />
<style type="text/css"><br />
body {<br />
margin:0; border:0;<br />
font-family: Arial, Helvetica, sans-serif;<br />
background: #a53f18 url(photos/splashtest.jpg) center center no-repeat;<br />
}<br />
#link {<br />
position: absolute;<br />
width: 100%;<br />
text-align: center;<br />
bottom: 10px;<br />
}<br />
#link a {<br />
font-weight: bold;<br />
color: #000;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div id="link"><a href=http://www.webdeveloper.com/forum/archive/index.php/"page2.html">page 1</a></div><br />
</body><br />
</html><!--content-->thank you all very much! <br />
all of your replies were very, very helpful and i appreciate it very much.<!--content-->