Heya guys, I am trying to get a CSS menu system working in both FF and IE, and well, I am running into problem after problem.
Heres the Site (<!-- m --><a class="postlink" href="http://www.gslc.qld.edu.au/Newpage/GSLC(CSSMenu">http://www.gslc.qld.edu.au/Newpage/GSLC(CSSMenu</a><!-- m -->)/index.htm)
Basicly, it works well in FF, but not at all in IE, and I think it has something to do with the Hover command.
I have a HTC file that should be working, but I dont know if I have to call it up in the html or just leave it somewhere on my webserver.
Thanks for any help you guys can give me.
WofenThat would be because the hover command does not exist in IE. I'm afraid you'll have to find another way of doing it.That would be because the hover command does not exist in IE. I'm afraid you'll have to find another way of doing it.
More specifically, :hover is only supported for <a> link elements in IE.
You'll need to add a bit of Javascript to get it to work in IE (and then figure out how the folks running IE with JS disabled will cope):
<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/dropdowns/">http://www.alistapart.com/articles/dropdowns/</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.htmldog.com/articles/suckerfish/dropdowns/We">http://www.htmldog.com/articles/suckerfish/dropdowns/We</a><!-- m --> cant use JS at all. Thats orders from above and sadly, I dont have the say to counter them.
I have got it running the way I want, with the HTC file, as it has to be loaded onto a webserver to work, now the only problem i am facing is that IE places the menu items behind my background pic and text, and I cant seem to find out how to fix this, i have changed the Z index of almost everything on my page one by one to try and fix it, but it never seems to want to work.
If you go to the first link I posted you can see my live update(as I have to wrok off the webserver now), so if you can offer any light into this dark dark place of IE, it will be of great help.
<!-- m --><a class="postlink" href="Wofenhttp://www.vladdy.net/demos/iepseudoclassesfix.html">Wofenhttp://www.vladdy.net/demos/iepseu ... esfix.html</a><!-- m -->
Heres the Site (<!-- m --><a class="postlink" href="http://www.gslc.qld.edu.au/Newpage/GSLC(CSSMenu">http://www.gslc.qld.edu.au/Newpage/GSLC(CSSMenu</a><!-- m -->)/index.htm)
Basicly, it works well in FF, but not at all in IE, and I think it has something to do with the Hover command.
I have a HTC file that should be working, but I dont know if I have to call it up in the html or just leave it somewhere on my webserver.
Thanks for any help you guys can give me.
WofenThat would be because the hover command does not exist in IE. I'm afraid you'll have to find another way of doing it.That would be because the hover command does not exist in IE. I'm afraid you'll have to find another way of doing it.
More specifically, :hover is only supported for <a> link elements in IE.
You'll need to add a bit of Javascript to get it to work in IE (and then figure out how the folks running IE with JS disabled will cope):
<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/dropdowns/">http://www.alistapart.com/articles/dropdowns/</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.htmldog.com/articles/suckerfish/dropdowns/We">http://www.htmldog.com/articles/suckerfish/dropdowns/We</a><!-- m --> cant use JS at all. Thats orders from above and sadly, I dont have the say to counter them.
I have got it running the way I want, with the HTC file, as it has to be loaded onto a webserver to work, now the only problem i am facing is that IE places the menu items behind my background pic and text, and I cant seem to find out how to fix this, i have changed the Z index of almost everything on my page one by one to try and fix it, but it never seems to want to work.
If you go to the first link I posted you can see my live update(as I have to wrok off the webserver now), so if you can offer any light into this dark dark place of IE, it will be of great help.
<!-- m --><a class="postlink" href="Wofenhttp://www.vladdy.net/demos/iepseudoclassesfix.html">Wofenhttp://www.vladdy.net/demos/iepseu ... esfix.html</a><!-- m -->