Posted by jojo on 07/26/06 14:19

Els schrieb:
> jojo wrote:
>> Els wrote:
>>
>>> You have a more specific style in classes.css:
>>> .blue #content a.external:link.
>>> More specific overrides less specific, so just use that same selector
>>> for this background-image.
>> Yes, but this style is supposed to override the first one, it just
>> specifies an other image (different color), the position and repeat
>> should stay the same.
>
> It will not override if you use less specific selectors.
> So instead of a.external, use .blue #content a.external:link. That's
> what I was saying.
>

But the one in colors.css you mentioned (it is not classes.css, there is
the one which causes the problem) is the one with the more specific
selector *and* the one which should override the other one. And it just
specifies the image, so the repeat shouldn't be overridden.

Use the web developer toolbar to turn off colors.css and you'll see.

>>> Also, just url(external.gif) doesn't work, but
>>> url(../styles/external.gif) does.
>> It works fine I think. Did you have problems?
>
> Yes. I went to your page in FF, and there was no image. Could be
> caused by the fact that I was using the web developer toolbar to look
> at the CSS - forgot that it does that sometimes. Made me focus on the
> wrong (non-)problem, sorry :\

Strange... I use this extension, too, but it doesn't cause any problem...

>>> No idea why, as it's in the same directory as the stylesheet.
>> Indeed. So ../styles/external.gif points to a wrong file (../styles does
>> not even exist). Really strange...
>
> No, it does exist.
> Your stylesheet is in http://www.hafner-web.de/jojo/styles/
> So ../styles/ brings you back in the same folder.

Realized it myself, I have already superseded my last post. I was a
little confused I guess.

> Anyway, since that wasn't the problem apparently, let's go back to the
> original problem - no-repeat not being honoured in IE.
>
> Tested locally: in default.css, there is a 'background:none;' for all
> elements. no idea why it isn't overridden, but if you take that one
> line out, or change it to 'background-image:none;', the
> background-image is not repeated anymore in IE.

A very less specific selector (*) not overridden by a more specific one
(a.external)? Just strange... The image is displayed (so 'none' is
overridden in this case) but the repeat and the position isn't?
Guess it's some bug in the InternetExploder I never heard before, thanks
for pointing it out for me!

jojo

[Back to original message]