Topic: Trouble with Eric Meyer (Page 1 of 1)

I use Eric Meyers script for popups underneath my menu-bar:
http://www.meyerweb.com/eric/css/edge/popups/demo.html

I would like to make it, so I can also use the span-popup with links inside my main area. I tried using the

<a href="something.htm">Tekst<span>text, that will appear THE SAME PLACE as when I do the exact same thing in my menu</span></a>

Besides from using the script in my main area, I've done the exactly same thing as with my menu, which works perfectly. - But the text does not show up. I noticed that when I load the page and hold my mouse where I know, the link will appear, that it's there at first, but when the entire page is loaded and I retry to hover my mouse, it does not appear.

What shall I do to make this work?


Thanks in advance
Frederik S.
frederik@spacy.dk

Errr i don't realy understand what you want to do. But you might try to mail to eric meijerand ask him about it.
Or try to use the Div tags instead off the span tags.

__________________________________________
"Art has to be forgotten. Beauty must be realized."
Piet Mondriaan

I'll try to make myself clear (I can see my question did look a bit confusing)

I'll need to post some code. I'll post all the relevant stuff, since I'm not sure what to sort out:


#info a span {
display: none;
}

#leftcontent {
position: absolute;
left:10px;
top:50px;
width:200px;
background:#fff;
border:1px solid #000000;
}

#leftmenu {
font: 16px Sans-serif;
width:190px;
height: 21px;
background: #444;
border-right: 5px solid #505050;
border-width: 0px;
font-size: 11px;
text-align: left;
margin: 0 0 0px;
}

#leftmenu a {
display: block;
width: 135px;
padding-left: 50px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
color: #FFC;
border-bottom: 1px solid #909090;
text-decoration: none;
}

#leftmenu a:hover {
color: #411;
background: #D9B78D;
}

#info a:hover span {
display: block;
position: absolute;
top: 340px;
left: 0px;
width: 175px;
padding: 5px;
margin: 10px;
z-index: 100;
color: #AAA;
font: 10px Verdana, sans-serif;
text-align: center;
}

#centercontent {
background:#fff;
padding: 5px 5px;
margin-left: 199px;
margin-right: 199px;
border:1px solid #909090;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 201px;
margin-right: 201px;
}

html>body #centercontent {
margin-left: 201px;
margin-right:201px;
}

This is the css.
Here is (a reduction of) my menu, in which the popup-effect works:

<div id="leftcontent">
<div id="leftmenu"><span id="info"><a href="index.asp">Main<span>Return to the front page.</span></a></span></div>
</div>

...and here is my "main frame", in which the popup-effect doesn't work:

<div id="centercontent">
Some tekst blabla <span id="info"><a href="something">Text<span>This I want to appear the same place, as the popups in the menu items</span></a></span>
</div>


Any suggestions? I tried using div tags instead of span's w/o success.

Mvh.
Frederik S.
frederik@spacy.dk