Drop in Content Box

**Darlene Hull** · 07-20-2005, 03:39 AM

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

Ok, folks,

I am totally HTML challenged, and have no idea what I'm doing as far as programming. I am attempting a drop-down box but all I'm getting is a blank box - no text. I've tried plain text, HTML, a linked banner, nothing.

I installed the first half of the code right under the <HEAD> tag at the top of my page. The second half is right above </BODY></HTML> at the bottom. I wrote it using "Open Office" so I'm sure it's scewed somehow, but I don't know how. It looks like this:

<div id="dropin" style="position:absolute;visibility:hidden;left:200px;top:100px;width:500px;height:300px;background-color:#F5F5F5">

<div align="right"><a href="#" onClick="dismissbox();return false">[Close Box] </a></div>

<div id="dropin" style="position:absolute;visibility:hidden;left:200px;top:100px;width:500px;height:300px;background-color:#F5F5F5">

<div align="right"><a href="#" onClick="dismissbox();return false">[Close Box] </a></div>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=windows-1252">
<TITLE></TITLE>
<META NAME="GENERATOR" CONTENT="OpenOffice.org 1.1.0 (Win32)">
<META NAME="CREATED" CONTENT="20050719;17450927">
<META NAME="CHANGED" CONTENT="20050719;18433973">

<P ALIGN=CENTER><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=windows-1252">
<TITLE></TITLE>
<META NAME="GENERATOR" CONTENT="OpenOffice.org 1.1.0 (Win32)">
<META NAME="CREATED" CONTENT="20050719;21025570">
<META NAME="CHANGED" CONTENT="20050719;21042850">
</HEAD>
<BODY LANG="en-US" DIR="LTR">
<P ALIGN=CENTER><FONT FACE="Verdana, sans-serif">Before you go, </FONT>
</P>
<P ALIGN=CENTER><FONT FACE="Verdana, sans-serif">don't forget to
download your </FONT>
</P>
<P ALIGN=CENTER><FONT FACE="Verdana, sans-serif">FREE </FONT><A HREF="http://www.reachoutdirectory.com/listing.php?Version=VMT0068" TARGET="_blank"><FONT FACE="Verdana, sans-serif">Mom-Defrazzler</FONT></A><FONT FACE="Verdana, sans-serif">!</FONT></P>
</BODY>
</HTML>

If anyone can fix this for me so that I get a nice little box like on your website, I'll be thrilled. It almost worked once but my text went outside of the box. I can't get it to work again.

Thanks for all your help!

Darlene

**jscheuer1** · 07-20-2005, 09:00 AM

If that is what Open Office does when inserting code like this, don't use it for that. First, get your page looking like you wish without the script, using Open Office or whatever. Then open the page using a text editor, notepad will do. Put the script in the head and put this just above the </body> tag:

Code:

<div id="dropin" style="position:absolute;visibility:hidden;left:200px;top:100px;width:500px;height:170px;background-color:#F5F5F5;border:3px outset blue;">

<div align="right" style="border-bottom:3px ridge blue;padding:2px 5px 5px 5px;"><a href="#" onClick="dismissbox();return false">[Close Box]</a>&nbsp;</div>
<P ALIGN=CENTER><FONT FACE="Verdana, sans-serif">Before you go, </FONT>
</P>
<P ALIGN=CENTER><FONT FACE="Verdana, sans-serif">don't forget to
download your </FONT>
</P>
<P ALIGN=CENTER><FONT FACE="Verdana, sans-serif">FREE </FONT><A HREF="http://www.reachoutdirectory.com/listing.php?Version=VMT0068" TARGET="_blank"><FONT FACE="Verdana, sans-serif">Mom-Defrazzler</FONT></A><FONT FACE="Verdana, sans-serif">!</FONT></P>
</div>

Enjoy!

**Darlene Hull** · 07-20-2005, 06:57 PM

Wohoo, it works. Thanks for the code and the tip!

Darlene

Thread: Drop in Content Box

Thread Tools

Search Thread

Drop in Content Box

Drop in Box

Bookmarks

Bookmarks

Posting Permissions