Creating Text box

Question

You know those little text windows you get sometimes when you
click on web page items, where the main browser is unaffected and
the text window just floats on the screen like a pop-up? I'm
particularly interested in creating one where it's just a stark box
with a black line border only, and a "close window" tab. How do I
get that happening in DW? Anyone?

Answer 1

DISCLAIMER: I've not done this for several years. ;) so check
up on me.
Javascript and CSS is how you get the effects. CSS styles the
box and
seperates it from the rest of the document, Javascript
controls the movement
and closing of the window.
1. Create the HTML for your box:
<div id="float">
<h3>This is the title</h3>
<p>This is the content</p>
2. Create the CSS for your box:
#float{margin: 0;
padding: 0;
position: absolute;
z-index: 500; /*to ensure it is stacked "above" everythign
else */
visibility: none;
width: 300px;
height: 200px;
border: 1px solid #000;
background-color: #fff;
color: #000;}
Then, find a javascript for controlling the position of
layers (you can
search archives for that, or just google it, there are tons,
all have
advantages and disadvantages).
HTH,
Jon
"Kenny Stringer" <[email protected]> wrote
in message
news:ehm933$hbr$[email protected]..
> You know those little text windows you get sometimes
when you click on web
> page
> items, where the main browser is unaffected and the text
window just
> floats on
> the screen like a pop-up? I'm particularly interested in
creating one
> where
> it's just a stark box with a black line border only, and
a "close window"
> tab.
> How do I get that happening in DW? Anyone?
>