The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Display window on rollover

Hello all,

Paul helped me earlier to use a <span> to create a "display window" that I could have appear when the user rolls over a link. (example: www.faceproject.org/new )

I would like to create the same thing for my calenar page. I can't understand what I have coded wrong, because the display window does not appear when I hover over the link. Here is a link to what the page looks like:

IE needs some part of the anchor to change on hover otherwise it soesn't work.
Add this:

Code:

#plain li a:hover {border:none}

That will make the span show. However you have nested another anchor in the span which is invalid code. You can't nest anchors. the code will have to be like this:

Code:

<ul id="plain">
<li> <a href="#">January 11-13, 2005 <span><img src="images/CADCA-logo.gif"><br />
From January 11-13, 2005 CADCA will celebrate 15 years of the National
Leadership Forum. Join us in our celebration of CADCA and coalitions working
together to make our communities safe, healthy and drug-free.<strong>CADCA
National Convention</strong> </span> </a> - CADCA National Leadership
Forum at the Washington Convention Center </li>

If you want anchors in the pop up to be clickable then you will need similar js to your drop downs etc.