It's not in the right spot!!

Discussion in 'HTML & Website Design' started by scart3r, Dec 23, 2006.

  1. #1
    Hi,

    I am trying to make a splashpage for my te - but it's not working properly. I have tried for ages and know that I must be missing something pretty basic. The page is ok - it's just that the rotational banner down the bottom is not sitting in the right spot.

    Any suggestions?

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Traffic Bunnies, TE tips</title>
    <style type="text/css">
    <!--
    .text {
    	font-family: comic sans ms;
    	font-size: 14px;
    	font-style: normal;
    	font-weight: normal;
    	color: #000000;
    }
    .little {
    	font-family: comic sans ms;
    	font-size: 10px;
    	font-style: normal;
    	font-weight: normal;
    	color: #000000;
    }
    -->
    </style>
    </head>
    <body bgcolor="green">
    <br>
    <table bgcolor="#ffffff" align="center" width="730" border="2" bordercolor="#000000" cellspacing="0" cellpadding="0">
      <tr>
        <td width="730"><table width="730" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="730" align="center"><br><font color="#000000" size="6"><b><div align="center">
    			<font size="6">Traffic Bunnies</font></div>
    			<div align="center"><font size="6">Exchange Tips<br>&nbsp;</font></div>
    			</b></font><font color="#000000" size="4" face="Tahoma">
    			<div align="center">Make sure that your sites are in rotation for at 
    				least two weeks.</div>
    			<div align="center">Studies have shown that the same image will
    			</div>
    			<div align="center">need to be viewed by the customer at least 12
    			</div>
    			<div align="center">times before a decision to consider it will be 
    				taken.</div>
    			<div align="center">Don't give up on the 11th!</td>
           
         </tr>
          </table> 
              <font size="5"><b><font size="2"> <br>     
              
              
              </td>
            </tr>
          </table></td>  
    
      </tr>
    </table>
    <br><br><br><div align=center>
    This tip was sponsored by:</div>
    <div align=center>
    <!-- TrafficBunnies Banner Exchange Begin -->
    
    <div id="tbsbannerbox" width="468" height="60">
    
    <iframe framespacing="0" border="0" hspace="0" vspace="0" src="http://www.trafficbunnies.com/bnr_show.php" frameborder="0" height="60" scrolling="no" width="468"></iframe><br>
    
    
    </div>
    
    <!-- TrafficBunnies Banner Exchange End --></div></body>
    </html>
    Code (markup):
     
    scart3r, Dec 23, 2006 IP
  2. scart3r

    scart3r Notable Member

    Messages:
    3,513
    Likes Received:
    279
    Best Answers:
    0
    Trophy Points:
    250
    #2
    nevermind ;)

    Had the iframe a bit wrong. Thanks anyway,
    Cindy
     
    scart3r, Dec 23, 2006 IP
  3. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #3
    You're also going to want to use a proper DOCTYPE if you want the page to render consistently across different browsers. If you use a Strict DOCTYPE you will have to replace all the depreciated HTML attributes with CSS. You might want to go with a transitional HTML 4.01 DOCTYPE for now.

    Put this directly above the opening HTML tag:
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    
    Code (markup):
    Then code normally :).
     
    Dan Schulz, Dec 24, 2006 IP
    scart3r likes this.
  4. scart3r

    scart3r Notable Member

    Messages:
    3,513
    Likes Received:
    279
    Best Answers:
    0
    Trophy Points:
    250
    #4
    Thankyou heaps! I really appreciate your imput, as I am totally new to all of this :D

    Cindy
     
    scart3r, Dec 25, 2006 IP