Interspire Email Marketer Form Code - Style breaker...

[Mondy]

Hi all,

I will never claim that I am a coder, although I thought i was able to at least tinker with the basics.

This one stumps me - and I am looking for some assistance...

We use Interspire Email Marketer to manage our mailing list. This product helps generate a piece of code [HTML] that, when inserted onto a webpage, 'makes' a subscription form for people to use if they want to receive our electronic mails.

I generated that code just now and placed it into a 'normal' cms article. The result is at best sub-optimal - the fields are surrounded by a black border [which shouldn't be there] and the entire section where the actual article must appear remains grey.

See the attachment.

The code I generated and placed into the article's space, presented here 'as is':

--- start code ----

<!--
Do not modify the NAME value of any of the INPUT fields
the FORM action, or any of the hidden fields (eg. input type=hidden).
These are all required for this form to function correctly.
-->
<form method="post" action="http://gblcg.com/coms/form.php?form=2" id="frmSS2" onsubmit="return CheckForm2(this);">
<table border="0">
<tr>
<td>&nbsp;&nbsp;&nbsp;&nbsp;First Name:</td>
<td><input type="text" name="CustomFields[2]" id="CustomFields_2_2" value="" size='50'></td>
</tr><tr>
<td><span class="required">*</span>&nbsp;
Your Email Address:</td>
<td><input type="text" name="email" value="" /></td>
</tr><input type="hidden" name="format" value="t" />
<tr>
<td></td>
<td>
<input type="submit" value="Subscribe" />
<br/><span style="display: block; font-size: 10px; color: gray; padding-top: 5px;"><a href="http://www.interspire.com/emailmarketer" target="__blank" style="font-size:10px;color:gray;">Email marketing</a> by Interspire</span>
</td>
</tr>
</table>
</form>

<script type="text/javascript">
// <![CDATA[

function CheckMultiple2(frm, name) {
for (var i=0; i < frm.length; i++)
{
fldObj = frm.elements[i];
fldId = fldObj.id;
if (fldId) {
var fieldnamecheck=fldObj.id.indexOf(name);
if (fieldnamecheck != -1) {
if (fldObj.checked) {
return true;
}
}
}
}
return false;
}
function CheckForm2(f) {
var email_re = /[a-z0-9!#$%&'*+\/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+\/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/i;
if (!email_re.test(f.email.value)) {
alert("Please enter your email address.");
f.email.focus();
return false;
}

return true;
}

// ]]>
</script>

--- end code ---

Can anyone give me a pointer - what am i doing wrong here?

Thanks heaps in advance,

Mondi

[Lynne]

You really should use the code tags - it makes reading code soooo much easier.

You should post a link to this article so we can see what is going on. I believe your CSS is adding the borders, so use firebug to find it and then modify it for that page or for all pages via additional.css.

[Manoel Júnior]

You could make the integration of vBulletin users table with Interspire Email Marketing? How?