Boring, useless time-waster of a subject, but I do have a significant
number if IE6 users on my site who cannot view my submenus.
I used the base.css, layout, and response.menu system that came with
the welcome application. The base.css is not easy to follow, at least
for me, but I did notice that there is a 'sfhover' class used like:
ul.web2py-menu li.sfhover a:active,
ul.web2py-menu li:hover a:active
Since IE6 (and earlier) cannot handle ':hover' for anything other than
'<a>' tags, the .sfhover class is a fix. Unfortunately whoever wrote
the 'base.css' did not include a bit of script in views/
web2py_ajax.html to make it work. I added the following:
<script type="text/javascript">
<!--
/* this adds sfhover class to menu li items to make IE6 work */
jQuery(document).ready(function(){
jQuery('li.web2py-menu-expand').hover(
function () {
jQuery(this).addClass('sfhover');
},
function () {
jQuery(this).removeClass('sfhover');
}
);
});
//-->
</script>
This addition makes the stock welcome menu system work for IE6. I
checked this on https://crossbrowsertesting.com/
Hope this helps others. Would like to find a pure html-css solution,
but at least I have something.
--
You received this message because you are subscribed to the Google Groups
"web2py-users" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/web2py?hl=en.
