Results 1 to 3 of 3

Thread: Drop In Content Box

  1. #1
    Join Date
    Jul 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Drop In Content Box

    I'm back again!

    http://www.dynamicdrive.com/dynamici.../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
    Last edited by ddadmin; 08-11-2005 at 09:46 AM.

  2. #2
    Join Date
    Jul 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Please, please, could someone help me with this?

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    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:

    PLEASE: Include the URL to your problematic webpage that you want help with.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

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
  •