@Daniel_TNov 11.2004 — #There's the way that works on all elements, however it doesn't work in IE. Currently, the only way a CSS rollover will work in IE is if it's in an anchor.div#box { background-color: #39c; border: 1px solid #000; width: 300px; height: 300px; position: absolute; margin: -150px 0 0 -150px; } div#box:hover { background-color: #09f; border-color: #069; } div#box a { color: #000; text-decoration: underline; } div#box a:hover { color: #fff; text-decoration: none; }
<div id="box">If you hover over this box in Firefox, the background and border will change color. If you hover over <a href="#">this link</a> in any browser, the color will change and the underline will disappear.</div>
@gotjesusyoNov 11.2004 — #This code is used in the sucker fish drop down menu. It has a very...very small bit of java script that goes in the head section of the page...here is the code
@pawkyNov 13.2004 — #[i]Originally posted by Daniel T [/i]
[B]There's the way that works on all elements, however it doesn't work in IE. Currently, the only way a CSS rollover will work in IE is if it's in an anchor.div#box { background-color: #39c; border: 1px solid #000; width: 300px; height: 300px; position: absolute; margin: -150px 0 0 -150px; } div#box:hover { background-color: #09f; border-color: #069; } div#box a { color: #000; text-decoration: underline; } div#box a:hover { color: #fff; text-decoration: none; }
<div id="box">If you hover over this box in Firefox, the background and border will change color. If you hover over <a href="#">this link</a> in any browser, the color will change and the underline will disappear.</div> [/B][/QUOTE]
very true, but vladdy describes how it can be [URL=http://www.vladdy.net/Demos/iepseudoclassesfix.html]fixed[/URL] by adding a .htc file. This will then work in all the browsers that it did work in ignoring the .htc file and it will work in IE which will read the .htc file. It is very easy, small, and works GREAT ?
@Daniel_TNov 13.2004 — #[i]Originally posted by pawky [/i]
[B]very true, but vladdy describes how it can be [URL=http://www.vladdy.net/Demos/iepseudoclassesfix.html]fixed[/URL] by adding a .htc file. This will then work in all the browsers that it did work in ignoring the .htc file and it will work in IE which will read the .htc file. It is very easy, small, and works GREAT ? [/B][/QUOTE] Though, outrageously invalid unless you have access to a server-side language. If you have a server-side language, you can check for IE and import the behaviors stylesheet if the user is using IE.
@VladdyNov 13.2004 — #[i]Originally posted by Daniel T [/i]
[B]Though, outrageously invalid unless you have access to a server-side language. If you have a server-side language, you can check for IE and import the behaviors stylesheet if the user is using IE. [/B][/QUOTE] What is so outrageously invalid, huh?:rolleyes:
@VladdyNov 17.2004 — #Validator is not a Bible, but a tool that helps you make better web sites.
CSS that does not give you validation errors (notive that it is different from "valid CSS") is NOT a goal and actually most times is impossible when you try to keep the dumb IE happy.
What you need to do when running CSS through validator is to understand each error and warning and how it may affect your web site.
@David_HarrisonNov 18.2004 — #[i]Originally posted by Abhoth [/i]
[B]Validates html strict and happy css ... one small bg image and nothing else.
[URL=http://mywebpages.comcast.net/abhoth/seecrap/index.htm]Demo link...[/URL][/B][/QUOTE]That's because IE supports the :hover psuedo-class on anchor elements, just not on other elements.
And dude, do write for Star Trek or something? Check out [url=http://www.lipsum.com]lipsum.com[/url] for all your filler text needs. :p