Topic: Trouble with Eric Meyer Pages that link to <a href="https://ozoneasylum.com/backlink?for=10975" title="Pages that link to Topic: Trouble with Eric Meyer" rel="nofollow" >Topic: Trouble with Eric Meyer\

 
Author Thread
Madbyggeren
Nervous Wreck (II) Inmate

From:
Insane since: May 2003

IP logged posted posted 05-20-2003 14:26 Edit Quote

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

Rinswind 2th
Maniac (V) Inmate

From: Den Haag: The Royal Residence
Insane since: Jul 2000

IP logged posted posted 05-20-2003 20:11 Edit Quote

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

Madbyggeren
Nervous Wreck (II) Inmate

From:
Insane since: May 2003

IP logged posted posted 05-21-2003 11:58 Edit Quote

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



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu