|
|
Posted by jojo on 07/26/06 13:36
Els wrote:
>> I'm starting to design a layout for a website (which does not exist
>> yet). I just wrote the CSS and a HTML-dummy-page for testing it:
>> http://www.hafner-web.de/jojo/html
>>
>> The problem is: I created a CSS class for external links, they show an
>> icon at the right, like the blue one in Wikipedia. It all works fine in
>> FF, but IE seems to ignore the background-repeat:no-repeat and it looks
>> like he is starting the image on the left instead of the right
>> (background-position: center right;)
>>
>> The complete class looks like this:
>> a.external {padding-right:18px; background: url(external.gif) center
>> right no-repeat;}
>>
>
> 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.
> Also, just url(external.gif) doesn't work, but
> url(../styles/external.gif) does.
It works fine I think. Did you have problems?
> 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...
Navigation:
[Reply to this message]
|