Welcome to WebmasterWorld Guest from 54.205.74.11

Forum Moderators: not2easy

Menu Image won't load in Win XP

but it does on every other browser

   
2:48 am on Jul 29, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member




I have a menu designed with text floating over a button image that is working fine in Mac IE, FireFox and Safari. It is also working on Firefox on Win 98 but on IE Win XP the image won't load and table cells with a 1pix spacer gif are about 30 pixels when they should be 3 pix. I have my body set for 0 Padding and 0 margins in CSS.

here is the relevant part of the code controlling the menu button:

#menu div.top {
background-image: url(images/tis-bottom-blue2.gif);
background-repeat:no-repeat;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px; }

At first the image wasn't loading on IE on the Mac either until I shortned the name by about 8 characters.

Both the code and the CSS validate.

I can't figure out what might be causing the image to not load and table cells to be extra large.

Any ideas?

4:53 am on Jul 29, 2005 (gmt 0)

10+ Year Member



Maybe post some relevant HTML as well, as the problem might be there.

Also, you can shorten your css very easily by doing this:

#menu div.top {
background: #FFF url(images/tis-bottom-blue2.gif) no-repeat;
padding: 5px;
}

Also, maybe it has something to do with the dashes in the filename? Have you tried taking them out or replacing them with underscores (in both the css and the actual filename.) I'm not certain of this, just throwing it out there to troubleshoot.

10:06 pm on Jul 29, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I shortened the image name so it has no dashes and that still didn't help. I'm uploading the code again as some of it has changed. I took out the spacer gif till I get this other problem fixed.

Any suggestions?

CSS----

#menu div.top {
background-image: url(images/bottomblue2.gif);
background-repeat:no-repeat;
padding-top: 3px;
padding-right: 8px;
padding-bottom: 5px;
padding-left: 0px; }

HTML---------

<div id="menu">
<table cellspacing="0" cellpadding="0" border="0">
<tr><td colspan="13" align="center" bgcolor="#336699">
</td></tr><tr><td width="100" align="center" valign="top">
<div class="top"><a href="index.htm">Home</a></div>
</td><td width="0"></td><td width="100" align="center">
<div class="top"><a href="AboutTIS.htm">About TIS</a></div>
</td><td width="0"></td><td width="100" align="center">
<div class="top"><a href="TIS_Consulting.htm">Consulting</a></div>
</td><td width="0"></td><td width="100" align="center">
<div class="top"><a href="Contact.htm">Contact US</a></div>
</td><td width="0"></td><td width="100" align="center">
<div class="top"><a href="Resources.htm">Resources </a></div>
</td></tr></table>
</div>

11:01 pm on Jul 29, 2005 (gmt 0)

10+ Year Member



I copied your code and it displays in IE XP.
10:42 pm on Jul 30, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



thanks scottmack

I've been researching this image loading problems re XP and sometimes it's a firewall problem so I need to check that out. Problem is the client can't see it either on XP.

 

Featured Threads

My Threads

Hot Threads This Week

Hot Threads This Month