stylesheet background-image not shown in firefox... 2

[Painkiller]

Hi all,

Question for the stylesheet experts (if any):
I use a stylesheet in my website, I have the following class defined:

td.tdtoppage, td.tdtoppagebeheer {
background-color: #346A1C;
background-image: url(../art/topimagetest.jpg);
height: 131px;
width: 779px;
font-family: arial, sans-serif;
color: #D47800;
/*color:2C7513;*/
font-weight: bold;
font-size: 18px;
text-align: right;
vertical-align: bottom;
background-position: 0 0;
background-repeat: no-repeat;
padding-right: 14px;
padding-bottom: 14px;
}

In my website, I have a table with a td tag defined as followed:

<td colspan='4' class='tdtoppage'>Welcome to my website!</td>

This column should display the background image, which it does in IE, but not in firefox (take a look at my website, notice the difference in IE and firefox). Any one any idea on how to solve this one?

http://aspspider.net/sujesh

Much appreciated,

Sujesh

 

[manarth]

Firstly, you should validate your HTML and CSS.

Fixing your validation errors may well fix the site. You have script and link tags before the doctype, and a script tag (which is doing nothing) in between the head and the body.

The main problem is that Firefox thinks that the background image is

http://aspspider.net/art/topimagetest.jpg

(instead of

http://aspspider.net/sujesh/art/topimagetest.jpg).

I suspect this is because your link statement uses a windows style \ instead of an internet standard /.

<link rel='stylesheet' type='text/css' href='stylesheets[COLOR=red]\[/color]swp.css'>
should be
<link rel='stylesheet' type='text/css' href='stylesheets[COLOR=red]/[/color]swp.css'>

---
Marcus
better questions get better answers - faq581-3339
accessible web design - zioncore.com

 

[Painkiller]

You were dead on. I changed the paths and it worked. Thx again!