pop up box

I will assume that the pop up box you want is a

function change()
{
  if(document.getElementById("mydiv").style.display="none")
    document.getElementById("mydiv").style.display="block";
  else
    document.getElementById("mydiv").style.display="none";
}

Then, when you create the link, you can call the javascript:
This is the link

This is more of a Javascript question, but I'm happy to help all the same

Thanks for steering me in the right direction.
I appreciate all the help.
chevywes

how do I make the box and were do I put it (that's a loaded question isn't). do I put it in the same div as the code above or in a seperate div or not in a div at all.

I take it that I call the box up with the above code .... right

I apologize for my stupidity (maybe I should read comic books for a hobby) and thank you all for your patience and help.

If you're asking how to create the box, that depends. If you want to have the box follow the mouse, that will be more difficult and use more Javascript. However, if you want a box to "appear" in a certain position, and be the topmost element, you can use some simple CSS.

In the head of your document, you can define style for the ID for the box, like this:

<style type="text/css">
#mydiv {
position: absolute;
display: none;
top: 20px;
left: 20px;
width: 80px;
height: 80px;
z-index: 100;
}
</style>

Hope this helps!

Thanks for all your help.

I changed things around a bit, with the help of a friend.

I'll try and send an attachment.

Thanks again
wes

After a quick glance, that seems to work just fine. There's always more than one way to skin a cat

Hi guys. Solution to above problem is JavaScript. But can it be done in CSS ONLY?? :?

I tried like this.

In HTML

<dive id= "header">
Title of Site
<div id="headerwindow">This is in popup window</div>
</div>

#header{
font:...
color:
......
}
#headerwindow{
dispaly:none;
}
 
/*for required effect
#header.hover{
???????
}

What I should put at ????? to set "display" of #headerwindow to "block" ? Or is it possible actually?

I found solution after many trials.
What I did is
In HTML

<dive id= "header">
Title of Site<span>This is in popup window</span></div>
</div>

and In CSS

#header{
blah blah
}
#header span{
display: none;
}
#header:hover span{
display: block;
}

And it worked. This is primary solution, will need some refinement. But at least it worked. Thanks.