csshover.htc doesn't always work
in [CSS]
|
Prev: Rounded corners on textfield
Next: Input Data Sheet
From: Edward Hass on 23 Dec 2007 15:24 I am using csshover.htc to allow me to use the hover pseudo element in IE6. The following excerpted code works fine in IE6 when I load the file locally. When I upload it to my ISP and load it from there in IE6, it doesn't work. (It works fine in all other browsers, both locally and from my ISP.) The purpose of this code is to have an image appear to the right of the question when you hover over the block of text that has a question in it. Any ideas on why this is happening, and how to fix it? _____________________________________________________ <style type="text/css"> ..mainpoint {border: 2px solid red; width:25%; background-color: #fe5200; position: relative; } ..mainpoint img {display:none;} ..mainpoint:hover img {display:block; position: absolute; top: -100px; left: 225px; } body {behavior: url(csshover.htc)} </style> <body> <div class="mainpoint"> Question One <img src="images/Answer1.gif" alt =" " /> </div> </body> Thanks to all, Edward Hass
From: Jonathan N. Little on 23 Dec 2007 17:25 Edward Hass wrote: > I am using csshover.htc to allow me to use the hover pseudo element in IE6. > The following excerpted code works fine in IE6 when I load the file locally. > When I upload it to my ISP and load it from there in IE6, it doesn't work. > (It works fine in all other browsers, both locally and from my ISP.) That is because *other* browsers *do not* use the csshover.htc > > The purpose of this code is to have an image appear to the right of the > question when you hover over the block of text that has a question in it. > > Any ideas on why this is happening, and how to fix it? No. Not without a URL to the page! csshover.htc is just a name for a MS proprietary script (hack). There is no just one "The csshover.htc" script, there are many and it could be coded many ways... Looking in my crystal ball I'd say the most likely reason is that it is located in a different location relative to the arrangement on your hard drive. -- Take care, Jonathan ------------------- LITTLE WORKS STUDIO http://www.LittleWorksStudio.com
From: Edward Hass on 24 Dec 2007 02:06 >>I am using csshover.htc to allow me to use the hover pseudo element in >>IE6. The following excerpted code works fine in IE6 when I load the file >>locally. When I upload it to my ISP and load it from there in IE6, it >>doesn't work. Any ideas on why this is happening, and how to fix it? >>snip Jonathan N. Little replied: > > No. Not without a URL to the page! csshover.htc is just a name for a MS > proprietary script (hack). There is no just one "The csshover.htc" script, > there are many and it could be coded many ways... The problem page is at www.feltsongs.com/ed.html The csshover.htc file I am using can be found at: http://www.xs4all.nl/~peterned/htc/csshover2.htc It is in the same directory as my HTML file, on my local machine and on my ISP's server. I've tried url(csshover.htc) and url(./csshover.htc). Both work locally, neither works from my ISP. Any suggestions for other htc files? This one's driving me crazy. I've seen this problem reported before. . .not seen any solutions that work(sigh). Thanks, Edward Hass
From: Jonathan N. Little on 24 Dec 2007 10:44 Edward Hass wrote: >>> I am using csshover.htc to allow me to use the hover pseudo element in >>> IE6. The following excerpted code works fine in IE6 when I load the file >>> locally. When I upload it to my ISP and load it from there in IE6, it >>> doesn't work. Any ideas on why this is happening, and how to fix it? > >>> snip > > Jonathan N. Little replied: >> No. Not without a URL to the page! csshover.htc is just a name for a MS >> proprietary script (hack). There is no just one "The csshover.htc" script, >> there are many and it could be coded many ways... > > The problem page is at www.feltsongs.com/ed.html > > The csshover.htc file I am using can be found at: > http://www.xs4all.nl/~peterned/htc/csshover2.htc > > It is in the same directory as my HTML file, on my local machine and on my > ISP's server. > > I've tried url(csshover.htc) and url(./csshover.htc). Both work locally, > neither works from my ISP. Since you have it in the same folder as your page url(csshover.htc) is fine. It works for me, so th4e problem is most likely you have a old version in your browser cache. > > Any suggestions for other htc files? I use a much simpler version that I tweaked at http://www.littleworksstudio.com/styles/IEFixes.htc You can see it in action at: http://www.littleworksstudio.com/CSTC2007.php Advantage is you only have to add the class ".hover" for IE that is the same as the ":hover" for modern web browser and I only attached it to the element on class that I need add the effect. element:hover, element.hover { ... } element { behavior: url(EFixes.htc); } or just a class: ..someClass:hover, ..someClass.hover { ... } ..someClass { behavior: url(EFixes.htc); } -- Take care, Jonathan ------------------- LITTLE WORKS STUDIO http://www.LittleWorksStudio.com
From: Edward Hass on 24 Dec 2007 18:25
"Jonathan N. Little" <lws4art(a)centralva.net> wrote in message news:d4b5a$476fd408$40cba7a9$4741(a)NAXS.COM... > Edward Hass wrote: >>>> I am using csshover.htc to allow me to use the hover pseudo element in >>>> IE6. The following excerpted code works fine in IE6 when I load the >>>> file locally. When I upload it to my ISP and load it from there in IE6, >>>> it doesn't work. Any ideas on why this is happening, and how to fix it? >> >>>> snip >> Any suggestions for other htc files? > > I use a much simpler version that I tweaked at > > http://www.littleworksstudio.com/styles/IEFixes.htc > Sorry Jonathan, I obviously misunderstand your instructions. Here's a simple test example. Would you be so kind as to show me the necessary changes to make this work in IE6? This works fine in Firefox. . .it's a simple rollover to change the text colors. With csshover.htc it works fine in IE6 locally, but not from an ISP. I really appreciate the time you're taking with this. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Testing hover</title> <style type="text/css"> body {behavior: url(./csshover.htc);} ..abc { width: 100px; background-color: aqua; } ..abc:hover {background-color: navy; color: white; } </style> </head> <body > <div class="abc"> This is some text </div> </body> </html> Thanks (hugely!) Edward Hass |