PDA

View Full Version : Drop In Content Box



Darlene Hull
08-10-2005, 08:35 PM
I'm back again!

http://www.dynamicdrive.com/dynamicindex17/dropinbox.htm

I set up my content box on my site with your corrections from the last time, and it worked beautifully. I have now re-done it because I need to change the content for my new newsletter, and while it looks ok, it won't go away, so folks can't read my page! Clicking on the "close box" doesn't do anything.

I'm hoping you can help me as efficiently this time as last time! (Perhaps I should take an HTML course! :) )

I put the code in at the top as advised, and right below the final body tag I have:

<DIV ID="dropin" DIR="LTR" STYLE="position: absolute; top: 2.65cm; left: 5.29cm; width: 13.23cm; height: 2.65cm; border: none; padding: 0cm; background: #ffff99">
<FORM ACTION="http://www.getresponse.com/cgi-bin/add.cgi" METHOD="POST" TARGET="popup">
<TABLE DIR="LTR" WIDTH=500 BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR="#ff6600">
<COL WIDTH=0>
<COL WIDTH=0>
<COL WIDTH=103>
<COL WIDTH=121>
<COL WIDTH=258>
<COL WIDTH=0>
<TR>
<TD ROWSPAN=5 VALIGN=TOP></TD>
<TD COLSPAN=4 WIDTH=492 BGCOLOR="#ffff99">
<P ALIGN=CENTER><A HREF="dropinbox.htm"><SPAN STYLE="text-decoration: none"><B><FONT SIZE=4><FONT FACE="Century Gothic"><FONT COLOR="#ff6600">Hi
There! <BR>Thanks for dropping by! </FONT></FONT></FONT></B></SPAN></A>
</P>
<P ALIGN=CENTER><FONT FACE="Century Gothic, sans-serif">I hope
you enjoy the site!<BR><BR>Before you go, sign up for my<BR><B>FREE
weekly newsletter<BR><FONT SIZE=5>Merry Moms!</FONT></B></FONT></P>
<P ALIGN=CENTER STYLE="margin-bottom: 0cm"><FONT FACE="Century Gothic, sans-serif">The
newsletter that helps moms </FONT>
</P>
<P ALIGN=CENTER STYLE="margin-bottom: 0cm"><FONT FACE="Century Gothic, sans-serif">defrazzle
with humour</FONT></P>
<P ALIGN=CENTER><BR>
</P>
</TD>
<TD ROWSPAN=5 VALIGN=TOP></TD>
</TR>
<TR>
<TD ROWSPAN=3 VALIGN=TOP BGCOLOR="#ffff99"></TD>
<TD WIDTH=103 BGCOLOR="#ffff99">
<P ALIGN=CENTER><FONT FACE="Century Gothic, sans-serif"><FONT SIZE=2>Your
First name:</FONT></FONT></P>
</TD>
<TD WIDTH=121 BGCOLOR="#ffff99">
<DIV ALIGN=CENTER>
<P><A NAME="GRCategory2"></A><INPUT TYPE=TEXT NAME="category2" SIZE=14></P>
</DIV>
</TD>
<TD ROWSPAN=3 WIDTH=258 VALIGN=TOP BGCOLOR="#ffff99">
<P ALIGN=CENTER STYLE="margin-bottom: 0cm"><BR>
</P>
<P ALIGN=CENTER STYLE="margin-bottom: 0cm"><FONT FACE="Century Gothic, sans-serif"><FONT SIZE=2>Service
provided by</FONT></FONT></P>
<P ALIGN=CENTER><A HREF="http://www.getresponse.com/"><FONT SIZE=2><FONT FACE="Century Gothic, sans-serif">GetResponse
Autoresponders</FONT></FONT></A>
</P>
</TD>
</TR>
<TR>
<TD WIDTH=103 BGCOLOR="#ffff99">
<P ALIGN=CENTER><FONT FACE="Century Gothic, sans-serif"><FONT SIZE=2>Your
E-Mail:</FONT></FONT></P>
</TD>
<TD WIDTH=121 BGCOLOR="#ffff99">
<DIV ALIGN=CENTER>
<P><A NAME="GRCategory3"></A><INPUT TYPE=TEXT NAME="category3" SIZE=14></P>
</DIV>
</TD>
</TR>
<TR>
<TD WIDTH=103 BGCOLOR="#ffff99">
<P ALIGN=CENTER><FONT FACE="Century Gothic, sans-serif"><FONT SIZE=2>Your
Last name:</FONT></FONT></P>
</TD>
<TD WIDTH=121 BGCOLOR="#ffff99">
<DIV ALIGN=CENTER>
<P><A NAME="GRCustom0"></A><INPUT TYPE=TEXT NAME="custom_lastname" SIZE=14></P>
</DIV>
</TD>
</TR>
<TR>
<TD COLSPAN=4 WIDTH=492 BGCOLOR="#ffff99">
<DIV ALIGN=CENTER>
<P><INPUT TYPE=SUBMIT VALUE="Get More Info!"><INPUT TYPE=HIDDEN NAME="category1" VALUE="&lt;?=$GLOBALS['usr']?&gt;"><INPUT TYPE=HIDDEN NAME="confirmation" VALUE="confirmation_page"><INPUT TYPE=HIDDEN NAME="misc"><INPUT TYPE=HIDDEN NAME="ref" VALUE="000">
</P>
</DIV>
<P ALIGN=CENTER><FONT FACE="Century Gothic, sans-serif"><FONT SIZE=4><B>There's
a free gift for you in the very first issue!</B></FONT></FONT></P>
<P ALIGN=CENTER><A HREF="#" ONCLICK="dismissbox();return false">[Close
Box] </A>
</P>
</TD>
</TR>
<TR>
<TD COLSPAN=6 WIDTH=496></TD>
</TR>
</TABLE>
</FORM>
</DIV>



Thanks for your help!

Darlene

Darlene Hull
08-23-2005, 06:35 PM
Please, please, could someone help me with this?

jscheuer1
08-23-2005, 07:07 PM
Other than it not looking right, the border or outline of the box has no top portion in FF or IE and in IE the background color of the box bleeds out the bottom a little, it works fine here. Perhaps you need to reinstall the script, as what I did was put your above code in the body of a blank page and the script in the head. If there is some other problem like - did you add another script to the page? Or, there could be a conflict with other markup on the page, then:

.