Header Logo doesn't show within Internet Explorer

Header Logo doesn't show within Internet Explorer

by Nicoleen Warren -
Number of replies: 9

Hi,

Within the Header Logo documentation (at http://docs.moodle.org/en/Header_logo), I followed the steps as described for inserting my own Company Logo in the header section of the front page. For example, within the header.html file, I replaced the line of code :

<div class="headermain"><?php echo $heading ?></div>

with the following :

<div class="headermain"><img src="<?php echo
        $CFG->themewww.'/'.current_theme() ?>/Logo_Company.png" width="435" height="132" /></div>

I saved my changes and I've uploaded the new header.html to the correct location (i.e. I've updated the header.html for the wood theme). Also, I've uploaded the image and it's now situated within this very same folder.

Unfortunately, the image doesn't show when I refresh the webpage. Or let me rephrase this.. By using Mozilla Firefox, the image does show. But, by using Internet Explorer, the image does NOT show within the header section. It only shows the placeholder with the little red X. And yes, I've even cleared my cache, cookies, temporary webpages etc. etc.

How to fix ??

NS> I've tested with Firefox 2.0.0.3 and with IE 7.0 and I've uploaded the files with Dreamweaver MX.

Thanks

Nicoleen

Average of ratings: -
In reply to Nicoleen Warren

Re: Header Logo doesn't show within Internet Explorer

by Mauno Korpelainen -

Hi Nicoleen,

you could use mouse right click - properties to see what address IE7 gives you (is it the correct location of your header logo?)

You could also test if your IE7 can show that image if you go directly to web address http://yourmoodle/theme/wood/Logo_Company.png

Average of ratings: -
In reply to Mauno Korpelainen

Re: Header Logo doesn't show within Internet Explorer

by Nicoleen Warren -

Hi Mauno,

This is so weird.. Because, if I type the complete URL (to this image) within the address bar of IE, the image pops up for a split second, and then it's gone. Just like that.

However, if I do the same thing with Firefox, the image stays put.

I don't think that there's something wrong with my settings for Internet Explorer because I've tested this on all 5 computers in my house as well as my laptop. I think the problem lies with Internet Explorer in general.... you know, like it cannot display .png files yet.... thoughtful

But this is ridiculous, I mean, we're talking MICROSOFT here... surely this thingy of theirs should be able to display .png files.

You don't think there's a glitch in IE itself... ??

I can send you the URL if you'd like to test this from your side.

NS> Yes, the image is in the exact spot where it belongs. If I launch the home page (and all the other pages within Moodle) with Firefox, the image is indeed situated in the top-left (where the Moodle logo had been). But like I've said, by using IE, I get nothing except for a space of emptiness and a little red cross....

Thanks

Nicoleen

Average of ratings: -
In reply to Nicoleen Warren

Re: Header Logo doesn't show within Internet Explorer

by Chris Throup -
But this is ridiculous, I mean, we're talking MICROSOFT here... surely this thingy of theirs should be able to display .png files.

I assume you are joking. Usually "we're talking MICROSOFT" is the answer to "why is this well-documented standard not implemented [correctly]?"

Try publishing the URL and a few people can test it. It could be down to servers, ISPs or different browser versions.

Average of ratings: -
In reply to Chris Throup

Re: Header Logo doesn't show within Internet Explorer

by Nicoleen Warren -

Hi Chris,

OK, here's the link to my Moodle page :

http://www.compu-and-it-solutions.co.za/campus/

I'm a newbie as far as it concerns Moodle therefore, I would've given Microsoft the benefit of the doubt.... thoughtful

For the sake of double-checking, I've included another little image within the footer.html file  This one is a .gif file, and yes, this one displays correctly for both IE and Firefox. This really makes me think that IE can't handle .png files...

I actually wanted to put a .swf file within this header section. I wonder what IE would do to THAT kind of files............................... ??

Anyway, check it out with all sorts of different browser types and browser versions and let me know.

Thanks a lot.

Nicoleen

Average of ratings: -
In reply to Nicoleen Warren

Re: Header Logo doesn't show within Internet Explorer

by Chris Throup -
Hi, Nicoleen.

It appears that your png image is corrupted in some way - I won't go into the full technical details. Firefox appears to have a go at displaying the image - it gets about half of it right and guesses the rest. Internet Explorer just gives up and doesn't display.

I have had a go at fixing it - see the attached file. Try it out and see if things work.

As for Internet Explorer's png support, it should display png images, but it is not very good at handling transparent backgrounds.
Attachment Logo_Company_fixed.png
Average of ratings: -
In reply to Chris Throup

Re: Header Logo doesn't show within Internet Explorer

by Mauno Korpelainen -

Hi Chris and Nicoleen,

nice to see you found a solution already. IE7 like all other browsers too have bugs. Here you have one list of IE7 bugs http://www.quirksmode.org/bugreports/archives/explorer_7/index.html

Nicoleen, also IE6 has (it's own) problems with png images but jpg and swf are just fine...the only problem with flash is that all users don't have correct plugins

Average of ratings: -
In reply to Mauno Korpelainen

Re: Header Logo doesn't show within Internet Explorer

by Nicoleen Warren -

Mauno,

Thanks, but it was Chris who fixed my image.. I did nothing except for creating a corrupt image for a "buggy" browser.

I did think about the problem of certain users not having the correct plugins.. But then again, I figured that I could somehow, someway, use the "Check Browser" and/or the "Check Plugin" behaviors for it, and then make some message pop up if there's a problem with the user's browser settings and/or plugins. Don't know exactly how I'm going to do this yet, because yes, I'm a programmer but believe it or not, I don't know php.... Concerning HTML.. well, I can help myself.

I wonder whether it's possible to show the Flash file, and then, if there's a problem with the user's browser or plugins, show the .png file as an alternative.... smile smile smile

Regarding the interlacing thingy.. I saved all my .png files with that specific feature after I've "tuned" them a little bit (i.e. after I've made certain parts of the images transparent). I'm not a graphic specialist so, I'm not 100% what the interlacing is for.. I thought it was for making the image come through in that awkward bit-by-bit way when launching the webpage.. ?? For example, instead of a webpage loading forever, you'd have the following kind of image : now you don't see me... now you see spots.. now you "kind-of" see me.. now you almost see me.. and there, now you DO see me.

Anyway, thanks for all your help. Julle is altwee sterre.

And I will check out that thingy-magix that Chris uses for his images.

Nicoleen

Average of ratings: -
In reply to Chris Throup

Re: Header Logo doesn't show within Internet Explorer

by Nicoleen Warren -

Chris,

Thanks, you're a genius. Whatever you did.. it worked !!

I must say, I'm still trying to figure out what on earth went wrong with that image, because I simply created it by using PhotoShop.

I have a flash file that I wanted to insert within that little space. It also wouldn't want to work (and/or display) correctly.. Therefore, I thought that there's either something wrong with the browser or otherwise there's something wrong with the code that I've used in the header.html file. But, since the .swf file didn't display correctly in any of the browsers, I figured that it's my code...

Duisend baie dankies vir jou hulp en moeite. Jy's 'n ster smile

Nicoleen

Average of ratings: -
In reply to Nicoleen Warren

Re: Header Logo doesn't show within Internet Explorer

by Chris Throup -

Hi, Nicoleen.

I use a program called The Gimp. Unfortunately I don't know Photoshop well enough to guess what went wrong for you.

I think your problem was linked to interlacing - I won't bore you with the details of what that is, but you might want to see if any settings in Photoshop mention that.

Average of ratings: -