Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    May 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Simple problem (hopefully)

    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
    Last edited by Camalus; 05-20-2005 at 04:43 AM.

  • #2
    New to the CF scene
    Join Date
    May 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

  • #3
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    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.
    Code:
    <!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.

  • #4
    New to the CF scene
    Join Date
    May 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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 .
    Thanks again for the help.

    *Cam leaves to go read about CSS*


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •