View Full Version : Not working in IE7 with CSS disabled

07-03-2008, 09:35 PM

With CSS disabled, UDM doesn't show up in IE7 (using the Paciello Group web accessibility toolbar). Does anyone have any idea why? I can't seem to figure it out.

Also, the arrows don't show up on pages that aren't in root. I checked the path in udm-custom.js and it looks right (I searched the forums before posting). //path to images folder
um.baseSRC = "udm-resources/";
It should work, but it doesn't. Any ideas?

my test site is here (http://www.uic.edu/depts/oaa/test_area/drctest/).

Any help would be greatly appreciated.

07-04-2008, 02:36 AM
I'm not sure I follow you. I don't have a tool to disable CSS in IE but I have one in FF. When I disable CSS in FF, your menu appears as an unordered list, which is what UDM4 should do. Are you saying that your menu doesn't show up at all or that it appears as an unordered list?

07-09-2008, 03:01 PM
When I disable CSS in Firefox (Mozilla Accessibility Extension v1.01 (https://addons.mozilla.org/en-US/firefox/addon/5809) toolbar), it looks like this. As you can see, the menu is still there but the styling for the rest of the page is removed.

http://img244.imageshack.us/img244/3232/20080709firefoxby2.th.jpg (http://img244.imageshack.us/my.php?image=20080709firefoxby2.jpg)

With CSS disabled in IE (Paciello Group WAT v2.0 (http://www.paciellogroup.com/resources/wat-ie-about.html) toolbar), it looks like this. The UDM menu is replaced with an unordered list, but the second layer links are nowhere to be found.

http://img244.imageshack.us/img244/789/20080709iegq6.th.jpg (http://img244.imageshack.us/my.php?image=20080709iegq6.jpg)

Is this menu supposed to work with CSS disabled? It seems to work in Firefox without CSS (I'm guessing the firefox toolbar we use overlooks the CSS in the javascript). The department I'm designing this site for seems to think it's supposed to work with CSS disabled (they use the same Firefox toolbar)......should it work or should it not? If so, what am I doing wrong?

Also, why don't the second layer links show up in IE (with CSS disabled)?

07-10-2008, 04:14 AM
My guess is that you have two stylesheets on your page -- one that UDM4 uses and the other being for the rest of your site. This is what I have with my own site.

I don't know about that particular add-on that you have with Firefox, but I have a similar add-on called Web Developer. If I disable the UDM4 stylesheet, I get an unordered list on the page. If I disable my main stylesheet, I lose all the styles for the rest of the page. Both of these behaviors are as expected.

I'm not familiar with the toolbar you say you're using with Internet Explorer, but I suspect it is disabling both your main stylesheet and your UDM4 stylesheet. Again, when the stylesheet(s) is disabled, the behavior is the same as I described above, and is expected.

The UDM4 stylesheet is what is used to give the particular appearance to the menu. Without it, the menu simply appears as an unordered list. Your menu links will still work, regardless of the menu's appearance.

Hope this helps.

07-10-2008, 03:03 PM
I only have one stylesheet, which handles styling for everything but UDM, so it can't be that. I think the toolbar is disabling the stylesheet but not the styling in the javascript (in udm-custom.js). The toolbar was coded by an accessibility expert at U of I - I'll be sure to pass this information along to him.

This still doesn't solve the problem with IE, though. Yes, the menu does appear as an unordered list, but only the top level links are shown. The same thing seems to be happening with the Cambridge Blue demo page (http://www.udm4.com/demos/style-blue.php), so it can't be my code, right?

So....is only the top level of the unordered list supposed to be shown when CSS is disabled?

Thanks for all your help, vinyl-junkie.

07-11-2008, 02:12 AM
The entire Cambridge Blue menu shows up as an unordered list for me in Internet Explorer when I have CSS disabled. Does that not happen for you?

I notice in taking a closer look at your web page, when I disable CSS in IE, it's doing the same thing for me -- only showing the top level menu links. I'm not sure what is causing that. However, I would like for you to try a couple of things to try and narrow it down.

Change this statement on your page:

<body class="thrColHybHdr" onload="changedrcimage();initCITA()" >

to this:


Does that make any difference in the problem?

Also, try commenting out all your javascripts except the ones needed for UDM. Does that make any difference?