Text and and graphics don't align on top

Get Started
1

I’m wondering why the text does not align on the top with the graphic on the webpage I am designing? I don’t have any <p> or <br> that would make it go further down. Any suggestions?
Thanks

2

And the code is???

3

Sorry about that. :slight_smile:

Here is the code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title></title> 
 
 
<style type="text/css"> 
<!--
body {
 
    background-color: #e9e9e9;
    background-image: url(images/backgroundimage.jpg);
 
 
    margin-left: 0px;
    margin-top: 0px;
 
    margin-right: 0px;
    margin-bottom: 0px;
    background-repeat: no-repeat;
    background-position:center
    
    
 
}
body,td,th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #000000;
}
.style1 {
    font-size: 14px
}
.style2 {color: #FF0000}
.style3 {font-size: x-small}
-->
</style></head> 
 
<body> 
 
<center> 
<table width="970" border="0" cellpadding="0" cellspacing="0"> 
  <tr> 
    <td valign="top" align="center"><img src="images/.gif" alt="Banner" /></td> 
  </tr> 
</table> 
 
<table bgcolor="#0000ff" width="970" border="0" cellpadding="0" cellspacing="0"> 
  <tr> 
    <td valign="top" align="center"> 
    
    
    <table   border="0" cellspacing="0" cellpadding="0"> 
      <tr> 
        <td background="images/button.gif" height="20" align="center" valign="top" ><img src="images/.gif" alt="about" width="117" height="27" border="0" usemap="#Map" /></td> 
        <td background="images/button.gif" align="center" valign="top"><img src="images/.gif" alt="programs" width="117" height="27" border="0" usemap="#Map2" /></td> 
        <td  background="images/button.gif" valign="top" align="center"><img src="images/.gif" alt="daily " width="117" height="27" border="0" usemap="#Map3" /></td> 
        <td background="images/button.gif" valign="top" align="center"><img src="images/.gif" alt="events" width="117" height="27" border="0" usemap="#Map4" /></td> 
        <td background="images/button.gif" valign="top" align="center"><img src="images/.gif" alt="boot" width="117" height="27" border="0" usemap="#Map5" /></td> 
        <td background="images/button.gif" valign="top" align="center"><img src="images/.gif" alt="directions" width="117" height="27" border="0" usemap="#Map6" /></td> 
        <td background="images/button.gif" valign="top" align="center"><img src="images/.gif" alt="contact" width="117" height="27" border="0" usemap="#Map7" /></td> 
      </tr> 
    </table></td> 
  </tr> 
  <tr> 
    <td align="center" valign="top" bgcolor="#FFFFFF"><img src="images/buttonsdropshadow.gif" width="816" height="8" /></td> 
  </tr> 
</table> 
</center> 
 
 
 
 
 
<map name="Map" id="Map"><area shape="rect" coords="3,1,115,29" href="#" alt="about" /> 
</map> 
<map name="Map2" id="Map2"><area shape="rect" coords="5,3,110,31" href="#" alt="programs" /> 
</map> 
<map name="Map3" id="Map3"><area shape="rect" coords="7,3,108,55" href="#" alt="daily" /> 
</map> 
<map name="Map4" id="Map4"><area shape="rect" coords="9,3,107,76" href="#" alt="events" /> 
</map> 
<map name="Map5" id="Map5"><area shape="rect" coords="8,3,106,48" href="#" alt="boot camp" /> 
</map> 
<map name="Map6" id="Map6"> 
<area shape="rect" coords="9,-4,107,62" href="#" alt="directions" /> 
</map> 
<map name="Map7" id="Map7"> 
<area shape="rect" coords="3,-25,111,84" href="#" alt="contact" /> 
</map> 
 <center> 
 
 
<table width="43&#37;"  height="708" border="0" cellpadding="4" cellspacing="0"> 
<tr><td height="106" colspan="2" align="left" valign="top"><h4 align="left" class="style1">Welcome </h4> 
  <p class="style1">lorem ipsum ....</p> 
  
<td width="50%" rowspan="2" align="right" valign="top"><img src="images/.gif" alt="Hours" width="333" height="274" /></td> 
</tr><tr> 
  <td width="15%" height="106" align="left" valign="top"><img src="images/.jpg" alt="Owner" width="100" height="130" /> 
  <td width="35%" align="left" valign="top"><p align="left" class="style1"><strong>Mr</strong> 
    <ul> 
      <li class="style3">Exercise </li> 
      <li class="style3">Science, Certified </li> 
      <li class="style3">etc.</li> 
      <li class="style3">etc</li> 
      <li class="style3">CPR</li> 
    </ul> 
</tr> 
<tr><td colspan="2" align="left" valign="top"><div align="center"> 
  <h4 class="style2">Testimonials </h4> 
</div></td></tr> 
</table> 
</center> 
 
 
 
 
</body> 
 
</html>
4

whats your website, because normally it has something to do with margins or padding.