Posted by Els on 07/26/06 13:23

jojo wrote:

> Hi all,
> seems that now I am the one who needs some advice...
>
> 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;}
>
> I've used this before without any problems. I guess the answer is quite
> simple, just something I overlooked...

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.
Also, just url(external.gif) doesn't work, but
url(../styles/external.gif) does.
No idea why, as it's in the same directory as the stylesheet.

--
Els http://locusmeus.com/

Now playing: Emerson, Lake & Palmer - Jeremy Bender

[Back to original message]