SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    790
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Form Tag Is Overlapping. Where Do I Put It?!

    I have a form that is giving me problems due to overlapping... but I do not know where to put it. I have spent some time moving it here and there, but nothing is working. Can someone explain why it is doing this and where I should put it?

    Here is the code:
    HTML 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>
    <title>Volunteer Traditions. Volunteer State Clothing. Tennessee Hats, Belts, Polos and Ties With The Tri-Star State Flag.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <script language="JavaScript" src="j/global.js" type="text/javascript"></script>
    <link href="c/styles.css" rel="stylesheet" type="text/css" />
    </head>
    <body bgcolor="#262E58" onload="preloadImages();MM_preloadImages('i/btn_ties4-over.jpg','i/btn_caps4-over.jpg','i/btn_polos4-over.jpg','i/btn_oxfords4-over.jpg','i/btn_belts4-over.jpg')">
    <table width="780" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
    	<tr>
    		<td height="34" colspan="21">&nbsp;</td>
    	</tr>
    	<tr>
    		<td rowspan="8">&nbsp;</td>
    		<td colspan="19">
    			<a href="index.html">
    				<img id="gfx_logo" src="i/gfx_logo_final.gif" width="750" height="72" border="0" alt="Volunteer Traditions" /></a></td>
    		<td rowspan="8">&nbsp;</td>
    	</tr>
    	<tr>
    		<td colspan="19">
              <table width="750" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="529"><a href="index.html" onmouseover="changeImages('btn_home', 'i/btn_home-over.gif'); return true;" onmouseout="changeImages('btn_home', 'i/btn_home.gif'); return true;"><img name="btn_home" id="btn_home" src="i/btn_home.gif" width="114" height="37" border="0" alt="Home" /></a><a href="ourTradition.html" onmouseover="changeImages('btn_ourTradition', 'i/btn_ourTradition-over.gif'); return true;" onmouseout="changeImages('btn_ourTradition', 'i/btn_ourTradition.gif'); return true;"><img name="btn_ourTradition" id="btn_ourTradition" src="i/btn_ourTradition.gif" width="183" height="37" border="0" alt="Our Tradition" /></a><a href="tracked.html" onmouseover="changeImages('btn_tracked', 'i/btn_tracked-over.gif'); return true;" onmouseout="changeImages('btn_tracked', 'i/btn_tracked.gif'); return true;"><img name="btn_tracked" id="btn_tracked" src="i/btn_tracked.gif" width="122" height="37" border="0" alt="Tracked" /></a><a href="contact.html" onmouseover="changeImages('btn_contact2', 'i/btn_contact2-over.gif'); return true;" onmouseout="changeImages('btn_contact2', 'i/btn_contact2.gif'); return true;"><img name="btn_contact2" id="btn_contact2" src="i/btn_contact2.gif" width="109" height="37" border="0" alt="Contact" /></a></td>
                  <td width="171" align="right"><form id="form1" name="form1" method="post" action="">
                      <input name="signup" type="text" id="signup" value="email address" size="20" maxlength="1024" />
                  </form></td>
                  <td width="50"><img src="i/btn_signup.gif" alt="Sign up" width="50" height="18" /></td>
                </tr>
              </table></td>
        </tr>
    	<tr>
    		<td width="3" rowspan="2" background="i/gfx_frame_left.jpg">&nbsp;</td>
    	  <td height="367" colspan="17" valign="top" background="i/gfx_content_bkg.jpg" bgcolor="#FFFFFF">
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
    	    <tr>
              <td valign="top"><a href="ties.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('btn_ties4','','i/btn_ties4-over.jpg',1)"><img src="i/btn_ties4.jpg" alt="Ties" name="btn_ties4" width="119" height="35" border="0" id="btn_ties4" /></a><a href="caps.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('btn_caps4','','i/btn_caps4-over.jpg',1)"><img src="i/btn_caps4.jpg" alt="Caps" name="btn_caps4" width="104" height="35" border="0" id="btn_caps4" /></a><a href="polos.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('btn_polos4','','i/btn_polos4-over.jpg',1)"><img src="i/btn_polos4.jpg" alt="Polos" name="btn_polos4" width="112" height="35" border="0" id="btn_polos4" /></a><a href="oxfords.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('btn_oxfords4','','i/btn_oxfords4-over.jpg',1)"><img src="i/btn_oxfords4.jpg" alt="Oxfords" name="btn_oxfords4" width="137" height="35" border="0" id="btn_oxfords4" /></a><a href="belts.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('btn_belts4','','i/btn_belts4-over.jpg',1)"><img src="i/btn_belts4.jpg" alt="Belts" name="btn_belts4" width="109" height="35" border="0" id="btn_belts4" /></a><img src="i/btn_accessories4-over.jpg" alt="Accessories" name="btn_acessories4" width="163" height="35" border="0" id="btn_acessories4" /></td>
            </tr>
    	    <tr>
    	      <td valign="top"><img src="i/gfx_header_accessories.jpg" alt="Accessories" width="744" height="33" /></td>
            </tr>
    	    <tr>
    	      <td valign="top"><p class="product"> The Volunteer Traditions Croakies
    	          are designed so you can show your state pride while taking in the
    	          summer sun.</p>
    	            <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
    				<table width="100%" border="0" cellspacing="0" cellpadding="0">
    				<tr>
                    <td width="30" valign="top">&nbsp;</td>
                    <td width="364" valign="top"><div align="center">
                      <p><img src="i/gfx_croakie_sm.jpg" width="375" height="253" /></p>
                      <p>&nbsp;</p>
                    </div></td>
                    <td width="350" valign="top"><table width="225" border="0" align="center" cellpadding="3" cellspacing="0">
      <tr>
        <td><span class="price">Croakies</span></td>
        <td align="center"><span class="price">$7.00</span></td>
      </tr>
      <tr>
        <td>
        <table>
          <tr>
            <td class="content"><div align="right">
              <input type="hidden" name="on2" value="Qty." maxlength="200" />
              Qty:</div></td>
            <td colspan="2"><input name="os2" type="text" value="1" size="4" />        
            </td>
          </tr>
        </table>
        </td>
        <td align="center"><input type="image" name="add" border="0" alt="Make payments with PayPal - it's fast, free and secure!" src="http://www.powersellersunite.com/buttonfactory/sc-but-03.gif" />
          <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1" />
          <input type="hidden" name="add" value="1" />
          <input type="hidden" name="cmd" value="_cart" />
          <input type="hidden" name="business" value="tristar@volunteertraditions.com" />
          <input type="hidden" name="item_name" value="Croakies" />
          <input type="hidden" name="amount" value="7.00" />
          <input type="hidden" name="no_shipping" value="2" />
          <input type="hidden" name="return" value="http://www.volunteertraditions.com/thankYou.html" />
          <input type="hidden" name="cancel_return" value="http://www.volunteertraditions.com/accessories.html" />
          <input type="hidden" name="cn" value="Comments" />
          <input type="hidden" name="currency_code" value="USD" />
          <input type="hidden" name="bn2" value="PP-ShopCartBF" />
          <input type="hidden" name="bn"  value="ButtonFactory.PayPal.001"></td>
      				   </tr>
    				 </table></form>
    <table width="250" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#333333">
                          <tr>
                            <td><img src="i/spacer.gif" alt="" width="250" height="1" /></td>
                          </tr>
                        </table>
                        
    <table width="225" border="0" align="center" cellpadding="3" cellspacing="0">
    <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post"><tr>
    <td>
                          <span class="price">Keyrings</span></td>
                          <td align="center"><span class="price">$9.00</span></td>
                        </tr>
                        <tr>
                          <td><table>
                            <tr>
                              <td class="content">
                              <div align="right">
                                  <input type="hidden" name="on" value="Qty." maxlength="200" />
                                Qty:</div></td>
                              <td colspan="2"><input name="os" type="text" value="1" size="4" />
                              </td>
                            </tr>
                          </table></td>
                          <td align="center"><input type="image" name="add2" border="0" alt="Make payments with PayPal - it's fast, free and secure!" src="http://www.powersellersunite.com/buttonfactory/sc-but-03.gif" />
                            <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1" />
                            <input type="hidden" name="add2" value="1" />
                            <input type="hidden" name="cmd2" value="_cart" />
                            <input type="hidden" name="business2" value="tristar@volunteertraditions.com" />
                            <input type="hidden" name="item_name2" value="Croakies" />
                            <input type="hidden" name="amount2" value="7.00" />
                            <input type="hidden" name="no_shipping2" value="2" />
                            <input type="hidden" name="return2" value="http://www.volunteertraditions.com/thankYou.html" />
                            <input type="hidden" name="cancel_return2" value="http://www.volunteertraditions.com/accessories.html" />
                            <input type="hidden" name="cn2" value="Comments" />
                            <input type="hidden" name="currency_code2" value="USD" />
                            <input type="hidden" name="bn3" value="PP-ShopCartBF" />
                            <input type="hidden" name="bn3"  value="ButtonFactory.PayPal.001" /></form></td>
                        </tr>
                      </table>
                      </td>
                  </tr>
                </table>
               </td>
    	    </tr>
          </table><p>&nbsp;</p></td>
    		<td width="3" rowspan="2" background="i/gfx_frame_right.jpg">&nbsp;</td>
    	</tr>
    	<tr>
    		<td height="3" colspan="17" background="i/gfx_frame_btm.jpg"><img src="i/spacer.gif" alt="" width="1" height="3" /> </td>
    	</tr>
    	<tr>
    		<td colspan="6">&nbsp;</td>
    		<td colspan="9"><div align="center"><a href="press.html"><img src="i/btn_press2.gif" border="0" alt="Press" width="55" height="30" hspace="25" /></a><a href="privacyPolicy.html"><img id="btn_privacyPolicy" src="i/btn_privacyPolicy.gif" width="114" height="30" border="0" alt="Privacy Policy" /></a><a href="faqs.html"><img id="btn_faqs" src="i/btn_faqs.gif" width="101" height="30" border="0" alt="FAQ's" /></a><a href="legalDisclaimer.html"></a><a href="siteMap.html"><img id="btn_siteMap" src="i/btn_siteMap.gif" width="71" height="30" border="0" alt="Site Map" /></a></div></td>
    		<td colspan="4">&nbsp;</td>
    	</tr>
    	<tr>
    		<td colspan="19"><img id="gfx_divider_btm" src="i/gfx_divider_btm.gif" width="750" height="3" alt="" /></td>
    	</tr>
    	<tr>
    		<td colspan="19"><img id="index_28" src="i/index_28.jpg" width="750" height="15" alt="" /></td>
    	</tr>
    	<tr>
    		<td colspan="19" valign="top"><div align="center"><img src="i/gfx_copyright.gif" alt="" width="463" height="37" border="0" usemap="#Map" id="gfx_copyright" /></div></td>
    	</tr>
    	<tr>
    		<td><img src="i/spacer.gif" width="15" height="1" alt="" /></td>
    		<td><img src="i/spacer.gif" width="3" height="1" alt="" /></td>
    		<td><img src="i/spacer.gif" width="53" height="1" alt="" /></td>
    		<td><img src="i/spacer.gif" width="87" height="1" alt="" /></td>
    		<td><img src="i/spacer.gif" width="3" height="1" alt="" /></td>
    		<td><img src="i/spacer.gif" width="24" height="1" alt="" /></td>
    		<td><img src="i/spacer.gif" width="2" height="1" alt="" /></td>
    		<td><img src="i/spacer.gif" width="28" height="1" alt="" /></td>
    		<td><img src="i/spacer.gif" width="86" height="1" alt="" /></td>
    		<td><img src="i/spacer.gif" width="67" height="1" alt="" /></td>
    		<td><img src="i/spacer.gif" width="12" height="1" alt="" /></td>
    		<td><img src="i/spacer.gif" width="22" height="1" alt="" /></td>
    		<td><img src="i/spacer.gif" width="88" height="1" alt="" /></td>
    		<td><img src="i/spacer.gif" width="28" height="1" alt="" /></td>
    		<td><img src="i/spacer.gif" width="59" height="1" alt="" /></td>
    		<td><img src="i/spacer.gif" width="12" height="1" alt="" /></td>
    		<td><img src="i/spacer.gif" width="32" height="1" alt="" /></td>
    		<td><img src="i/spacer.gif" width="75" height="1" alt="" /></td>
    		<td><img src="i/spacer.gif" width="66" height="1" alt="" /></td>
    		<td><img src="i/spacer.gif" width="3" height="1" alt="" /></td>
    		<td><img src="i/spacer.gif" width="15" height="1" alt="" /></td>
    	</tr>
    </table>
    </body>
    </html>
    Todd Temple > T2 Design

  2. #2
    Formerly known as RockNRollPig Shpigford's Avatar
    Join Date
    Dec 2002
    Location
    Denver, CO
    Posts
    2,877
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Eh what do you mean "due to overlapping"? What is overlapping what?

  3. #3
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    790
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Shpigford View Post
    Eh what do you mean "due to overlapping"? What is overlapping what?
    That is the error that Dreamweaver shows me. Not really an error, but it must be invalid markup. If you test the HTML it is showing some misplacement with the tables... yes, I know.... the tables

    Any thoughts?
    Todd Temple > T2 Design

  4. #4
    Formerly known as RockNRollPig Shpigford's Avatar
    Join Date
    Dec 2002
    Location
    Denver, CO
    Posts
    2,877
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Okay...regardless of what Dreamweaver says (I don't use Dreamweaver so I don't know what any of it's error's mean), what is actually not working in a browser?

  5. #5
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The last form in that code is not wholly within a table element, but contains elements of the table that starts outside it - move the table wholly within the form (got no idea why tables are being used here anyway....)


Bookmarks

Posting Permissions

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