Re: [css-d] Why does IE hate A:HOVER SPAN?

2006-04-14 Thread Rimantas Liubertas 
...
 Mozilla, etc. likes this just fine, and displays the SPAN when we roll over
 LI.mapspot. IE displays nothing. We've piddled and poked and cajoled the
 stylesheet in an effort to get IE to honor this, all to no avail. What
 gives? And more importantly, how do we fix it?
...

Check out this: http://www.quirksmode.org/css/ie6_purecsspopups.html


Regards,
Rimantas
--
http://rimantas.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Why does IE hate A:HOVER SPAN?

2006-04-13 Thread Bob Sawyer 
Hello all! Long time no post. Anyway, we're running into a snag with IE6/Win
(why do I even bother saying which browser it is??) with the following:

HTML:
--

ul id=map
 li class=mapspot id=d01a href=#spanSome text
here/span/a/li
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Why does IE hate A:HOVER SPAN?

2006-04-13 Thread Bob Sawyer 
Whoops... hit tab and return in GMail and sent that before I was ready.
Sorry!

Anyway... our HTML is:

ul id=map
 li class=mapspot id=d01a href=#spanSome
text/span/a/li
 li class=mapspot id=d02a href=#spanSome other
text/span/a/li
 ... and so forth
/ul

CSS:

#map {
 width: 500px;
 height: 425px;
 float: left;
}

#map .mapspot {
 position: absolute;
 display: block;
 width: 20px;
 height: 20px;
 border: 1px solid #000;
}

#map .mapspot a {
 display: block;
 width: 20px;
 height: 20px;
}

#map .mapspot a span {
 display: none;
 }

/* here's where IE falls down */
#map .mapspot a:hover span {
 display: block;
 /* other styles below */
}

Mozilla, etc. likes this just fine, and displays the SPAN when we roll over
LI.mapspot. IE displays nothing. We've piddled and poked and cajoled the
stylesheet in an effort to get IE to honor this, all to no avail. What
gives? And more importantly, how do we fix it?

Thanks!

-Bob
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Why does IE hate A:HOVER SPAN?

2006-04-13 Thread Thierry Koblentz 
Bob Sawyer wrote:
 Whoops... hit tab and return in GMail and sent that before I was
 ready. Sorry!
 
 Anyway... our HTML is:
 
 ul id=map
  li class=mapspot id=d01a href=#spanSome
 text/span/a/li
  li class=mapspot id=d02a href=#spanSome other
 text/span/a/li
  ... and so forth
 /ul
 
 CSS:
 
 #map {
  width: 500px;
  height: 425px;
  float: left;
 }
 
 #map .mapspot {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
 }
 
 #map .mapspot a {
  display: block;
  width: 20px;
  height: 20px;
 }
 
 #map .mapspot a span {
  display: none;
  }
 
 /* here's where IE falls down */
 #map .mapspot a:hover span {
  display: block;
  /* other styles below */
 }
 
 Mozilla, etc. likes this just fine, and displays the SPAN when we
 roll over LI.mapspot. IE displays nothing. We've piddled and poked
 and cajoled the stylesheet in an effort to get IE to honor this, all
 to no avail. What gives? And more importantly, how do we fix it?

Try to add this:
#map .mapspot a:hover {background:#fff}

Regards,
Thierry | www.TJKDesign.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/