Form Not Displaying Correctly

Questions and answers about ShopSite Custom Templates

Form Not Displaying Correctly

Postby susan3 » Sat Jun 12, 2010 9:07 am

I have someone creating custom templates for me but they are unable to get my email signup form to work. My current home page www.contempostyle.com has the form displayed in the green banner under the top header. This form works in both IE and FireFox. When the person creating my templates added the form to the new templates it stopped working. The problem can be seen by visiting this page: www.contempostyle.com/store In IE only the first few words display. In FireFox it does display and works correctly. I have to have the form work in all browsers. Does anyone know a way to fix this?

Here is the code from the page:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta name="generator" content="ShopSite Manager 10 r7 (data - Contempo-Style)">
<title>Tops</title>
<link type="text/css" rel="stylesheet" href="http://www.contempostyle.com/store/media/css/styles.css">
<script src="https://contempostyle.com/SpryAssets/SpryValidationTextField.js" type="text/javascript" language="javascript"></script>
<link href="https://contempostyle.com/SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">


</head>

<body>
<div id="container">

<div id="header">
<a href="http://www.contempostyle.com/"><img src="http://www.contempostyle.com/store/media/main/contempo-style-clothing-logo.png" border="0" alt="Contempo Style Online Clothing Store"></a>
</div>
<div id="topnav">
<a href="http://contempostyle.com/cgi-bin/sc/order.cgi?storeid=*1a0f9e1300156ab708607dbac26feb&function=show" id="shopping-bag">Shopping Bag</a>
<table id="email_submit"><tr>
<td id="slogan">Be the first to know about special offers and promotions</td>
<form action="http://contempostyle.com/cgi-bin/FormMail.pl" method="post" enctype="multipart/form-data" name="form1" target="_top" id="form1">
<td id="email_field"><span id="sprytextfield1"><input name="email" type="text" id="emailaddress" value="email address" onfocus="this.value=''"><span class="textfieldRequiredMsg">A value is required.</span></span></td>

<td id="email_submit"><input id="Send Email" name="Send Email" type="image" src="http://www.contempostyle.com/store/media/main/email-submit-arrow.gif" border="0" width="7" height="16" alt="&gt;"></td>
<input name="redirect" type="hidden" id="redirect" value="http://www.contempostyle.com">
<input name="recipient" type="hidden" id="recipient" value="customerservice@contempostyle.com">
</form></tr>
</table>
</div>

<div id="content">
<div id="left"><br>
<form action="http://contempostyle.com/cgi-bin/sc/productsearch.cgi?storeid=*1a0f9e1300156ab708607dbac26feb" method="post">
<input type="hidden" name="storeid" value="*1a0f9e1300156ab708607dbac26feb">

<input type="text" name="search_field" class="search" size="13" value="search" onfocus="this.value=''">
<input type="image" class="search_go" src="http://www.contempostyle.com/store/media/main/search-arrow.gif" height="18" width="7" border="0" alt="&gt;"></form><br>

<h3>Clothing</h3>
<a href="http://contempostyle.com/store/clothing-tops.html">Tops</a>
<a href="http://contempostyle.com/store/clothing-bottoms.html">Bottoms</a>
<a href="http://contempostyle.com/store/clothing-dresses.html">Dresses</a>

<h3>Accessories</h3>
<a href="http://contempostyle.com/store/accessories-jewelry.html">Jewelry</a>

<h3 class="pink">Sale</h3>
</div>

<div id="main">

<h1>Tops</h1>



<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr><!-- Start of ROW -->
<td class="pa_link"><!-- rec 5 -->
<a name="5"></a>
<a href="http://contempostyle.com/store/product5.html"><img src="http://contempostyle.com/store/media/tops/ss_size2/animaltopmain.jpg" alt="animaltopmain.jpg" width="100" height="150" vspace="0" hspace="0" border="0"></a> <a href="http://contempostyle.com/store/product5.html" class="pr_nme">Animal Print Babydoll </a>

<span class="pr_prc">$18.00</span>
<p class="pr_info">Stand out in this oversized leopard print pattern. The babydoll style features light padding, adjustable straps and smocking at the center back.
</p>
</td>
<td class="pa_link"><!-- rec 4 -->
<a name="4"></a>
<a href="http://contempostyle.com/store/product4.html"><img src="http://contempostyle.com/store/media/tops/ss_size2/blacktopmain.jpg" alt="blacktopmain.jpg" width="100" height="150" vspace="0" hspace="0" border="0"></a> <a href="http://contempostyle.com/store/product4.html" class="pr_nme">Black Lace Bottom Tunic</a>
<span class="pr_prc">$21.00</span>
<p class="pr_info">A sleeveless knit tunic featuring a flirty flair with its lace-skirted bottom and finished bubble hem. Styled with a low scoop neckline, a 5-faceted jewel front detail, and a fitted construction.

</p>
</td>
<td class="pa_link"><!-- rec 6 -->
<a name="6"></a>
<a href="http://contempostyle.com/store/product6.html"><img src="http://contempostyle.com/store/media/tops/ss_size2/colorblockmain.jpg" alt="colorblockmain.jpg" width="100" height="150" vspace="0" hspace="0" border="0"></a> <a href="http://contempostyle.com/store/product6.html" class="pr_nme">Color Block Knit Top</a>
<span class="pr_prc">$22.00</span>
<p class="pr_info">Blocks of color line this knit top with an empire waistline and a completely comfortable construction. Racerback.

</p>
</td>
</tr> <!-- END OF ROW -->

<tr> <!-- Start OF Next ROW -->
<td class="pa_link"><!-- rec 7 -->
<a name="7"></a>
<a href="http://contempostyle.com/store/product7.html"><img src="http://contempostyle.com/store/media/tops/ss_size2/graytopmain.jpg" alt="graytopmain.jpg" width="100" height="150" vspace="0" hspace="0" border="0"></a> <a href="http://contempostyle.com/store/product7.html" class="pr_nme">Gray Lace Top</a>
<span class="pr_prc">$19.00</span>
<p class="pr_info">This soft cotton tank features tie-dyed stripes and a scoop neckline decorated with geo shaped hardware. Self-tie drawstrings at the side seams. Lightweight knit.
</p>
</td>
<td class="pa_link"><!-- rec 2 -->
<a name="2"></a>

<a href="http://contempostyle.com/store/product2.html"><img src="http://contempostyle.com/store/media/tops/ss_size2/pinktopmain.jpg" alt="pinktopmain.jpg" width="100" height="150" vspace="0" hspace="0" border="0"></a> <a href="http://contempostyle.com/store/product2.html" class="pr_nme">Rosette Knit Top</a>
<span class="pr_prc">$18.00</span>
<p class="pr_info">Petite rosettes craft the straps of this sleeveless knit top with a lightly padded cups, a looped bust, and bubble hem.
</p>
</td>
<td class="pa_link"><!-- rec 3 -->
<a name="3"></a>
<a href="http://contempostyle.com/store/product3.html"><img src="http://contempostyle.com/store/media/tops/ss_size2/whitefloralmain.jpg" alt="whitefloralmain.jpg" width="100" height="150" vspace="0" hspace="0" border="0"></a> <a href="http://contempostyle.com/store/product3.html" class="pr_nme">White Floral Knit Top</a>

<span class="pr_prc">$17.00</span>
<p class="pr_info">A subtle pattern sets the backdrop of this knit top with a rosy floral arrangement along the front and ruched back. V-neck design. Semi-sheer.
</p>
</td>
</tr><!-- Last One --></table>


</div>
</div>
<div id="footer">
<a href="http://contempostyle.com/store/index.html">Home</a>|<a
href="http://contempostyle.com/store/contact-us.html">Contact Us</a>|<a
href="http://contempostyle.com/store/order-status.html">Order Status</a>|<a
href="http://contempostyle.com/store/return-policy.html">Return Policy</a>|<a
href="http://contempostyle.com/cgi-bin/sc/order.cgi?storeid=*1a0f9e1300156ab708607dbac26feb&function=show">Your Shopping Bag</a>

</div>
</div>
</body>
</html>



Thanks in advance for your help.
susan3
 
Posts: 8
Joined: Sat Jun 12, 2010 8:06 am
Location: US

Postby Jim » Sat Jun 12, 2010 8:20 pm

Here is the content of a few lines of your page.
<form action="http://contempostyle.com/cgi-bin/FormMail.pl" method="post" enctype="multipart/form-data" name="form1" target="_top" id="form1"></form>

<td id="email_field"><span id="sprytextfield1"><input name="email" id="emailaddress" value="email address" onfocus="this.value=''" type="text"><span class="textfieldRequiredMsg">A value is required.</span></span></td>
<td id="email_submit"><input id="Send Email" name="Send Email" src="http://www.contempostyle.com/store/media/main/email-submit-arrow.gif" alt="&gt;" height="16" width="7" type="image" border="0"></td>
<input name="redirect" id="redirect" value="http://www.contempostyle.com" type="hidden">
<input name="recipient" id="recipient" value="customerservice@contempostyle.com" type="hidden">
</tr>
</tbody></table>
</div>

<div id="content">

<div id="left"><br>
Note that the first line starts with <form> and ends with </form> There are no input values for the form and no submit button.

In the example you said works the closing form tag is farther down the page after
input name="recipient" id="recipient" value="customerservice@contempostyle.com" type="hidden">
</form> [code][/code]
Jim
Site Admin
 
Posts: 4953
Joined: Fri Aug 04, 2006 1:42 pm
Location: Utah


Return to Custom Template Questions

Who is online

Users browsing this forum: No registered users and 10 guests

cron