homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

Menu Image won't load in Win XP
but it does on every other browser

WebmasterWorld Senior Member 10+ Year Member

Msg#: 7091 posted 2:48 am on Jul 29, 2005 (gmt 0)

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);
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?



10+ Year Member

Msg#: 7091 posted 4:53 am on Jul 29, 2005 (gmt 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.


WebmasterWorld Senior Member 10+ Year Member

Msg#: 7091 posted 10:06 pm on Jul 29, 2005 (gmt 0)

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?


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


<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>


10+ Year Member

Msg#: 7091 posted 11:01 pm on Jul 29, 2005 (gmt 0)

I copied your code and it displays in IE XP.


WebmasterWorld Senior Member 10+ Year Member

Msg#: 7091 posted 10:42 pm on Jul 30, 2005 (gmt 0)

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.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved