View Single Post
Old 04-06-2005, 06:48 AM   #14 (permalink)
sde
Moderator
 
sde's Avatar
 
Join Date: May 2002
Location: us.ca
Posts: 4,486
sde is on a distinguished road
view source, .. you have style and head tags in the middle of your html body too. also, take the align="left" out of the navigation table.

after taking a look at it a little more, your bottom table is fine, you need to create an image that tiles and make it your background so you can fill in the color of the rest of it.

are you using a wysiwyg editor like dreamweaver? that is really garbling up the code. if you are planning on maintaining ASP or any other site driven by server-side technology, i would recommend getting very aquainted with html.

by viewing the source of your page, you could have easily found the multiple header tags.

i cleaned up your script. i took the css link out of there and just put everything in the style tag. either way is correct, i would just recommend sticking with one or the other.

i also made a background image that will tile on the bottom. you will notice a background attribute with an image in the bottom cell. this will only work if you upload the attached image to your website.

here's the source:
HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

  <title>Sygnet-Technologies</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

  <style type="text/css">
  body{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding: 0px;
    margin: 0px;
  }
  td {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
  }
  #mySideNav {
    border-right: 1px solid #000000;
  }
  #myTopNav {
    border-bottom:1px solid #000000;
  }
  a.side{
    text-decoration: none;
  }
  
  a.side:visited,a.side:link,a.side:active {
     color: black;
  }
  
  a.label{
    color:#0000FF;
    text-decoration: none;
  }
  </style>
</head>

<body>
<!--topbar-->
<table border=0 cellspacing=0 cellpadding=0 width=100%> 
<tr>
  <td width="784"><img src="images/Pas-top-new2.jpg" width="784" height="83" /></td>  
  <td background="images/pas-background.jpg">&nbsp;</td>
</tr>
</table>
  
<table cellspacing="0" cellpadding="0">
<tr>
  <td width=112><a href="http://www.sygnet-tech.com/newsite/index.asp"><img src="images/buttons/button home page.jpg" alt="Home" border=0 width=112 height=20></a></td>
  <td width=112><a href="http://www.sygnet-tech.com/newsite/aboutus.asp"><img src="images/buttons/button About Us.jpg" alt="About Us" border=0 width=112 height=20></a></td>
  <td width=112><a href="http://www.sygnet-tech.com/newsite/press.asp"><img src="images/buttons/button news.jpg" alt="News" border=0 width=112 height=20></a></td>
  <td width=112><a href="http://www.sygnet-tech.com/newsite/support.asp"><img src="images/buttons/button support.jpg" alt="Support" border=0 width=112 height=20></a></td>
  <td width=112><a href="http://www.sygnet-tech.com/newsite/partners.asp"><img src="images/buttons/button partners.jpg" alt="Partners" border=0 width=112 height=20></a></td>
  <td width=112><a href="http://www.sygnet-tech.com/newsite/products.asp"><img src="images/buttons/button product.jpg" alt="Products" border=0 width=112 height=20></a></td>
  <td width=112><a href="http://www.sygnet-tech.com/store/index.htm"><img src="images/buttons/button buy now.jpg" alt="Buy Now" border=0 width=112 height=20></a></td>
  <td width=112><a href="http://www.sygnet-tech.com/newsite/sitemap.asp"><img src="images/buttons/button site map.jpg" alt="Site Map" border=0 width=112 height=20></a></td>
  <td width=108><a href="http://www.sygnet-tech.com/newsite/contact.asp"><img src="images/buttons/button contact us.jpg" alt="Contact Us" border=0 width=108 heightt=20></a></td>
  <td><image src="images/buttons/pas-button.jpg"></td>
</tr>
</table>

<!--Content-->
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
  <td width="220">
  
  <!-- side bar -->
  <table id="mySideNav" cellpadding="0" cellspacing="0">
    <tr><td><br></td></tr>
    <tr><td><b><font size="3" color="#0000FF"><a href="http://www.sygnet-tech.com/newsite/products.asp" class="label">&nbsp;&nbsp;Products</a></font></b></td></tr>
    <tr><td><br></td></tr>
    <tr><td><b><font size="2">&nbsp;&nbsp;Bluetooth Headsets</font></b></td></tr>
    <tr><td><font size="2"><a href="http://www.sygnet-tech.com/newsite/scala500.asp" class="side">&nbsp;&nbsp;Scala500</a></font></td></tr>
    <tr><td><font size="2"><a href="http://www.sygnet-tech.com/newsite/easyrider.asp" class="side">&nbsp;&nbsp;ScalaRider</a></font></td></tr>
    <tr><td><br /></td></tr>
    <tr><td><b><font size="2">&nbsp;&nbsp;Mobile Phone Headsets</font></b></td></tr>
    <tr><td><font size="2"><a href="http://www.sygnet-tech.com/newsite/walkandtalk.asp" class="side">&nbsp;&nbsp;Walk & Talk</a></font></td></tr>
    <tr><td><font size="2"><a href="http://www.sygnet-tech.com/newsite/radfree.asp" class="side">&nbsp;&nbsp;RadFree</a></font></td></tr>
    <tr><td><font size="2"><a href="http://www.sygnet-tech.com/newsite/headsets.asp" class="side">&nbsp;&nbsp;Headsets</a></font></td></tr>
    <tr><td><br /></td></tr>
    <tr><td><b><font size="2">&nbsp;&nbsp;Mobile Phone Accessories &nbsp;&nbsp;</font></b></td></tr>
    <tr><td><font size="2"><a href="http://www.sygnet-tech.com/newsite/cases.asp" class="side">&nbsp;&nbsp;Cases</a></font></td></tr>
    <tr><td><font size="2"><a href="http://www.sygnet-tech.com/newsite/chargers.asp" class="side">&nbsp;&nbsp;Chargers</a></font></td></tr>
    <tr><td><font size="2"><a href="http://www.sygnet-tech.com/newsite/panels.asp" class="side">&nbsp;&nbsp;Panels</a></font></td></tr>
    <tr><td><font size="2"><a href="http://www.sygnet-tech.com/newsite/beltclips.asp" class="side">&nbsp;&nbsp;Belt Clips</a></font></td></tr>
    <tr><td><font size="2"><a href="http://www.sygnet-tech.com/newsite/lanyards.asp" class="side">&nbsp;&nbsp;Lanyards</a></font></td></tr>
    <tr><td><br></td></tr>
    <tr><td><b><font size="3" color="#0000FF">&nbsp;&nbsp;About Us</font></b></td></tr>
    <tr><td><br></td></tr>
    <tr><td><font size="2"><a href="http://www.sygnet-tech.com/newsite/careers.asp" class="side">&nbsp;&nbsp;Carreer Opportunities</a></font></td></tr>
    <tr><td><font size="2"><a href="http://www.sygnet-tech.com/newsite/tradeshows.asp" class="side">&nbsp;&nbsp;Tradeshows</a></font></td></tr>
    <tr><td><font size="2"><a href="http://www.sygnet-tech.com/newsite/investors.asp" class="side">&nbsp;&nbsp;Investors</a></font></td></tr>
    <tr><td><font size="2"><a href="http://www.sygnet-tech.com/newsite/contact.asp" class="side">&nbsp;&nbsp;Contact Information</a></font></td></tr>
    <tr><td><br></td></tr>
    <tr><td><b><font size="3" color="#0000FF">&nbsp;&nbsp;News</font></b></td></tr>
    <tr><td><br></td></tr>
    <tr><td><font size="2"><a href="http://www.sygnet-tech.com/newsite/press.asp" class="side">&nbsp;&nbsp;Press Releases</a></font></td></tr>
    <!--<tr><td><font size="2">&nbsp;&nbsp;Sygnet in the News</font></td></tr>
    <tr><td><font size="2">&nbsp;&nbsp;Industry Links</td></tr>-->
    <tr><td><br></td></tr>
    <tr><td><b><font size="3" color="#0000FF">&nbsp;&nbsp;Support</font></b></td></tr>
    <tr><td><br></td></tr>
    <tr><td><font size="2"><a href="http://www.sygnet-tech.com/newsite/support.asp" class="side">&nbsp;&nbsp;Product Support</a></font></td></tr>
    <tr><td><font size="2"><a href="http://www.sygnet-tech.com/newsite/faq.asp" class="side">&nbsp;&nbsp;FAQ's</a></font></td></tr>
    <tr><td><br></td></tr>
    <tr><td><b><font size="3" color="#0000FF"><a href="http://www.sygnet-tech.com/newsite/partners.asp" class="label">&nbsp;&nbsp;Partners</a></font></b></td></tr>
    <tr><td><br></td></tr>
    <tr><td><font size="2"><a href="http://www.sygnet-tech.com/newsite/reseller.asp" class="side">&nbsp;&nbsp;Reseller Application</a></font></td></tr>
    <tr><td><font size="2">&nbsp;&nbsp;Where to Buy</font></td></tr>
    <tr><td><br></td>
  </tr>
  </table>
  
  <!-- end side bar -->

  </td>
  <td valign="top">
  <br>
  <p>
  Sygnet delivers unique off-the-shelf products to maximize mobile phone 
  users’&nbsp; talking pleasure.
  </p>
  <p>
  Enjoy Sygnet’s variety of products. We are constantly developing new 
  products to meet the growing needs of our customers.
  </p>
  <p>
  If you have additional questions about Sygnet’s products, check out 
  Sygnet ‘s Support Center - 
  <a href="http://www.sygnet-tech.com/newsite/faq.asp">Frequently Asked Questions page</a>
  or contact 
  Sygnet’s 
  <a href="mailto:info@sygnet-tech.com">
  customers service
  </a>.
  <br><br>
  

  <table>
    <tr>
    <td><a href="http://www.sygnet-tech.com/newsite/scala500.asp" ><img src="images/ProductsHome/scala-500.jpg" width="95" height="91" border="0" alt="Scala500"></a></td>
    <td><a href="http://www.sygnet-tech.com/newsite/easyrider.asp" ><img src="images/ProductsHome/scalarider.jpg" width="95" height="91" border="0" alt="ScalaRider"></a></td>
    <td><a href="http://www.sygnet-tech.com/newsite/walkandtalk.asp" ><img src="images/ProductsHome/walk-&-talk.jpg" width="95" height="91" border="0" alt="Walk & Talk"></a></td>
    <td><a href="http://www.sygnet-tech.com/newsite/radfree.asp" ><img src="images/ProductsHome/radfree.jpg" width="95" height="91" border="0" alt="RadFree"></a></td>
    <td><a href="http://www.sygnet-tech.com/newsite/headsets.asp" ><img src="images/ProductsHome/headsets.jpg" width="95" height="91" border="0" alt="Headsets"></a></td>
  </tr>
  <tr>
    <td><a href="http://www.sygnet-tech.com/newsite/cases.asp"><img src="images/ProductsHome/cases.jpg" width="95" height="91" border="0" alt="Cases"></a></td>
    <td><a href="http://www.sygnet-tech.com/newsite/chargers.asp"><img src="images/ProductsHome/chargers.jpg" width="95" height="91" border="0" alt="Chargers"></a></td>
    <td><a href="http://www.sygnet-tech.com/newsite/panels.asp"><img src="images/ProductsHome/panels.jpg" width="95" height="91" border="0" alt="Panels"></a></td>
    <td><a href="http://www.sygnet-tech.com/newsite/beltclips.asp"><img src="images/ProductsHome/belt-clips.jpg" width="95" height="91" border="0" alt="Belt Clips"></a></td>
    <td><a href="http://www.sygnet-tech.com/newsite/lanyards.asp"><img src="images/ProductsHome/lanyards.jpg" width="95" height="91" border="0" alt="Lanyards"></a></td>
    </tr>  
  </table>
  
  </td>
</tr>
</table>

<!--bottom bar-->
<table border="1" cellpadding="0" cellspacing="0" width="100%">
<tr>
  <td align="center" background="images/bottom-bg.gif"><img src="images/home/pas-buttom.jpg" width="1004" height="53" /></td>
</tr>
</table>

</body>
</html>
Attached Images
File Type: gif bottom-bg.gif (648 Bytes, 11 views)
__________________
Mike
sde is online now   Reply With Quote