Sent by Tuttle Grey on 23 April 2002 11:11
I'm experimenting with Eric Myer's technique for CSS pop-ups. The main
pop-up text (in SPAN element in links) appears after the bottom of the
navigation area. I have another set of pop-ups that are styled differently,
and are meant to appear just to the left of each hovered link. Have a look
at:
http://www3.sympatico.ca/alantext/TestDesign/TestPop.htm
Hover over any of the links from the third one (INOFAS) to the ninth one
(shredding). Those ones should get the pop-up span appearing just to the
left. It does appear there, but in NN6 the black background of the pop-up
SPAN gets fragmented and does not appear as a solid black rectangle. Works
okay in IE5.5 (I don't have IE6 here now to check).
Why doesn't the SPAN pup-up background appear as intended in NN6? What did I
do wrong?
Note: in that file, the block of style declarations for the "special"
pop-ups is the last block, and the HTML for the navigation is at the bottom
of the file. Here's the style block for those side pop-ups:
DIV#navproj A {display: block; text-align: right; position: relative;
padding: 5px 10px; margin: 0 0 1px 0; border-width: 0;
text-decoration: none; color: #B0B0B0; background: #333;
border-left: 5px solid #623333;
font-size: 14px; }
DIV#navproj A:hover {color: #AA0000; background: #AAA;
border-left: 5px double white;}
/* these are for the "pop-up" text on hovering over project links */
DIV#navproj A SPAN {display: none; }
DIV#navproj A:hover SPAN {display: block; position: absolute;
top: 0px; right: 180px; width: 125px; padding: 5px;
color: #AAA; background: black;
font-size: 14px; font-weight: normal; text-align: center; }
_________________________________________________________________
Chat with friends online, try MSN Messenger: http://messenger.msn.com
