...

View Full Version : Simple problem (hopefully)



Camalus
05-20-2005, 03:49 AM
I designed a template that seems to have a small problem. When you first go to the page there's a space between the bottom of the template and the bottom of the screen. BUT, when you refresh the page it goes away and the template fits correctly....weird. Has anyone seen this before or know what the deal is? Thanks for any help.

Here's the link...
URL Deleted

Camalus
05-20-2005, 03:52 AM
I've just noticed that when you link to it (as in the post above) it seems to work ok, but if you copy and paste into the address bar...it's messed up again. :eek:

_Aerospace_Eng_
05-20-2005, 04:49 AM
I'm guessing this only occurs in Internet Explorer for Windows correct? And you used the infamous leftmargin=0 topmargin=0 etc.. blah blah? That is NOT valid HTML. I know, I know imageready coded it for you. The margins and padding need to be set using CSS, so you won't have that problem. Also just for the future, if you ever decide that you want to code in XHTML, lowercase coding is the way to go, plus I think its easier to read if you ask me.

<!DOCTYPE HTML PUBLIC "-//W3C//Dtd HTML 4.01 transitional//EN"
"http://www.w3.org/tr/html4/loose.dtd">
<html>
<head>
<title>green</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
margin:0;
padding:0;
background-color:#FFFFFF;
}
#table1 {
width:760px;
margin:auto;
}
-->
</style>
</head>

<body>
<!-- ImageReady Slices (green.psd) -->
<table id="table1" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/GGtest_01.gif" alt="" width="760" height="51"></td>
</tr>
<tr>
<td><img src="images/GGtest_02.gif" alt="" width="760" height="66"></td>
</tr>
<tr>
<td>
<img src="images/GGtest_03.gif" alt="" width="760" height="65"></td>
</tr>

<tr>
<td><img src="images/GGtest_04.gif" alt="" width="760" height="76"></td>
</tr>
<tr>
<td><img src="images/GGtest_05.gif" alt="" width="760" height="87"></td>
</tr>
<tr>
<td><img src="images/GGtest_06.gif" alt="" width="760" height="71"></td>
</tr>
<tr>
<td>
<img src="images/GGtest_07.gif" alt="" width="760" height="84"></td>
</tr>
<tr>
<td><img src="images/GGtest_08.gif" alt="" width="760" height="67"></td>
</tr>
<tr>
<td><img src="images/GGtest_09.gif" alt="" width="760" height="74"></td>
</tr>
<tr>
<td><img src="images/GGtest_10.gif" alt="" width="760" height="67"></td>
</tr>
<tr>
<td><img src="images/GGtest_11.gif" alt="" width="760" height="72"></td>
</tr>
</table>
</body>
</html>
I've cleaned up your code a little, added a doctype, used css to center the table, and set the margins. <center></center> is deprecated, and shouldn't be used anymore. Also why did you have a border color on the table when border was set to 0? Just kinda strange if you ask me.

Camalus
05-20-2005, 05:41 AM
Thank you sir.
Yes, ImageReady coded it for me. I learned Photoshop pretty quick...I guess it's time to sit down and learn how to write out the code myself. It honestly doesn't look that hard. I have learned one thing so far...you'll never learn anything looking at ImageReady and Frontpage coding :p .
Thanks again for the help.

*Cam leaves to go read about CSS*



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum