Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    May 2007
    Posts
    43
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question css alert box help

    Hi everyone I found this useful alert box on this site (rollover A Pop-up!!):
    http://www.cssplay.co.uk/menu/alert.html#nogo

    I am trying to change the span tag to a div because I have added an OL / LI inside the span tag and I have been told I cant use an OL and LI's within the span tag so I need to change the span to a div.

    This is where I am testing this div alert pop up (rollover Need Help? to see the alert box effect):
    http://www.newmedia.lincoln.ac.uk/je...ests/test.html

    Now that I have changed the span to a div I am experiencing some problems. The first problem is that it won't even work in IE6 any more? The other obvious problem is that the text that should be inside the alert box displays on screen underneath Need help? and then it disappears when you roll over Need help?

    I am testing this in FF, IE6, IE7 and Opera.

    Please can someone help me fix this so it works in all browsers?

  • #2
    Regular Coder
    Join Date
    Feb 2007
    Location
    Seattle
    Posts
    153
    Thanks
    5
    Thanked 9 Times in 9 Posts
    One problem I see is that you have changed the span to div in the html, but not in the css.

    The hover effect only works on an anchor element in IE6, and you have removed the <a> tag on your example. Good thing, since you can't put a div inside <a> tags; bad thing if you want the hover to work.

    Gary


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •