Welcome to WebmasterWorld Guest from 54.234.244.30

Forum Moderators: not2easy

Message Too Old, No Replies

Menu Image won't load in Win XP

but it does on every other browser

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

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:June 4, 2002
posts:1785
votes: 2



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 July 29, 2005 (gmt 0)

Preferred Member

10+ Year Member

joined:Dec 29, 2002
posts:533
votes: 0


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 July 29, 2005 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:June 4, 2002
posts:1785
votes: 2


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 July 29, 2005 (gmt 0)

Junior Member

10+ Year Member

joined:Apr 1, 2003
posts:70
votes: 0


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

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:June 4, 2002
posts:1785
votes: 2


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.

 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members