Jump to content

Hover And Scroll


jnf555
 Share

Recommended Posts

Hi I am having problems making my hover and scrol work togetherif i type it like the following it makes all the type settings on my page smaller,but the hover works. <!DOCTYPE html><html xmlns:t="urn:schemas-microsoft-com:time"><head><style type="text/css">.d{background-color:yellow;width:380px;height:478px;overflow: scroll}</style> <?import namespace="t" implementation="#default#time2"> <style>.t {behavior: url(#default#time2)}</style><style >anyone help pleasejnf555

Link to comment
Share on other sites

hi<html xmlns:t="urn:schemas-microsoft-com:time"><head><style type="text/css">.d{background-color:yellow; width:380px;height:478px;overflow: scroll}</style> <?import namespace="t" implementation="#default#time2"> <style>.t {behavior: url(#default#time2)}</style><style >.any {background:black ;}.any:hover {background-color:red;}</head>i have a panel that scolls, and a section where images fade in.but i am having problems making a background change color when hoverd over, i can do it if i add <!DOCTYPE html> at the top but when i include it with presant it sends everthing wrongplease exuse me i am a learnerjnf555

Link to comment
Share on other sites

OK, but why are you doing this:<?import namespace="t" implementation="#default#time2"><style>.t {behavior: url(#default#time2)}</style>Do you know what that does? That's doing something to your page, do you know what it is or if you need it?Until IE8, IE did not apply :hover to anything except a link. That might be what you're seeing as a problem.

Link to comment
Share on other sites

Until IE8, IE did not apply :hover to anything except a link. That might be what you're seeing as a problem.
It's IE7 actually...But only in Standards mode. Quirks mode doesn't apply it either. The line
<!DOCTYPE html>

lets me to believe IE is running in Quirks mode, though honestly, I haven't tried this or anything like it to know for sure.

Link to comment
Share on other sites

You need to use a different method, that will only work in Internet Explorer.Search for "JavaScript image fade" maybe?

Link to comment
Share on other sites

Example: Displaying Transitions<html xmlns:t="urn:schemas-microsoft-com:time"><head><?import namespace="t" implementation="#default#time2"><style>.t {behavior: url(#default#time2)}</style></head><body><t:transitionfilter targetelement="keyb"type="clockWipe"begin="keyb.begin" dur="2s" /><img id="keyb" class="t" src="pic_keyb.jpg" dur="4s"width="128" height="107" /></body></html> In the example above the image will be displayed for 4 seconds. The transition filter will use 2 second to "clockWipe" the image into its place.i copied this from w3school ,what other method do you recoment. can anyone showw me an alternative way to do the same that is best for Internet Explorer

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...