Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 09-23-2007, 03:23 PM   PM User | #1
youandI
New Coder

 
Join Date: May 2007
Posts: 43
Thanks: 0
Thanked 0 Times in 0 Posts
youandI is an unknown quantity at this point
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?
youandI is offline   Reply With Quote
Old 09-24-2007, 09:12 AM   PM User | #2
garydarling
Regular Coder

 
Join Date: Feb 2007
Location: Seattle
Posts: 153
Thanks: 5
Thanked 9 Times in 9 Posts
garydarling can only hope to improve
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
garydarling is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 09:52 PM.


Advertisement
Log in to turn off these ads.