Weirdness viewing in IE

[gizmo_girl]

I can view the site just fine in FireFox (www.kings-kreations.com), other than my favicon doesn't show when viewing in FireFox. I can go to IE, the favicon shows up in the browser bar, but I get these two boxes showing what I presume to be a missing image. I'm especially confused why the category image doesn't display, since it works fine in FF, and I have no idea what the other is up by the header. Ideas anyone?

[gizmo_girl]

Wanted to add that the favicon aldo displays on my Blackberry, but I get the same two red x's indicating missing images when viewing the site on my Blackberry. Don't know if that helps narrow down the culprit, but maybe it will...?

[clydejones]

I can view the site just fine in FireFox (www.kings-kreations.com), other than my favicon doesn't show when viewing in FireFox. I can go to IE, the favicon shows up in the browser bar, but I get these two boxes showing what I presume to be a missing image. I'm especially confused why the category image doesn't display, since it works fine in FF, and I have no idea what the other is up by the header. Ideas anyone?

The first problem is that IE is looking for an image called logo.gif.
It cannot find it and is therefore displaying the "red x" box.

to solve this create a 1 x 1 transparent image name it logo.gif and upload it to includes/templates/YOUR_TEMPLATE/images/logo.gif

The second problem is almost the same; IE is looking for an image ( images/pettags_new.jpg ) which it cannot find and therefore the "red x" box is being displayed. You can probably solve this in a similar manner - create a 1 x 1 transparent image and save it to ( images/pettags_new.jpg )

[stevesh]

That missing image in IE is usually your logo image. Try adding to the stylesheet:

#logo {display:none;}

It looks like all your category images show up (although they are all waaaay too, big (file size, not dimensions)) except the first one. I noticed the filename is pettags_new.jpg. Any chance you didn't upload that image to the images folder ?

[clydejones]

That missing image in IE is usually your logo image. Try adding to the stylesheet:

#logo {display:none;}

It looks like all your category images show up (although they are all waaaay too, big (file size, not dimensions)) except the first one. I noticed the filename is pettags_new.jpg. Any chance you didn't upload that image to the images folder ?

I would have said use (#logo {display: none;} except according to the view source #logo is pointing to the header image.

    <div id="logo"><a href="http://www.kings-kreations.com/"><img src="includes/templates/template_default/images/zen/includes/templates/template_default/images/header.jpg" alt="" /></a></div>

Using display:none in that case would cause the header.jpg to not show.

[gizmo_girl]

I would have said use (#logo {display: none;} except according to the view source #logo is pointing to the header image.

    <div id="logo"><a href="http://www.kings-kreations.com/"><img src="includes/templates/template_default/images/zen/includes/templates/template_default/images/header.jpg" alt="" /></a></div>

Using display:none in that case would cause the header.jpg to not show.

This directory doesn't even exist, how do I change it? I've uploaded the logo.gif into includes/templates/classic/images and that didn't fix the problem.

The other was as simple as the image didn't get uploaded with the rest of the files, so it's fixed now.

[clydejones]

This directory doesn't even exist, how do I change it? I've uploaded the logo.gif into includes/templates/classic/images and that didn't fix the problem.

The other was as simple as the image didn't get uploaded with the rest of the files, so it's fixed now.

open includes/templates/YOUR_TEMPLATE/css/stylesheet.css

find the following:

#logoWrapper {
background-image:url(http://www.kings-kreations.com/inclu...s/header.jpg);
background-repeat:repeat-x;
background-color:#fff;
height:136px
}

AND make the highlighted change

#logoWrapper {
background-image:url(../images/header.jpg);
background-repeat:repeat-x;
background-color:#fff;
height:136px
}

[gizmo_girl]

#logoWrapper {
background-image:url(http://www.kings-kreations.com/inclu...s/header.jpg);

That's already what the stylesheet shows...

[clydejones]

#logoWrapper {
background-image:url(http://www.kings-kreations.com/inclu...s/header.jpg);

That's already what the stylesheet shows...

Change it to the following:

#logoWrapper {
background-image:url(../images/header.jpg);
background-repeat:repeat-x;
background-color:#fff;
height:136px
}

[gizmo_girl]

Change it to the following:

#logoWrapper {
background-image:url(../images/header.jpg);
background-repeat:repeat-x;
background-color:#fff;
height:136px
}

I copied & pasted the highlighted text and inserted in into the stylesheet...still nothing. The little red x is only showing in IE, it displays fine in FireFox. What else could I be missing?