Posted by Jonathan N. Little on 11/26/07 15:33

Tomasz Chmielewski wrote:
> Tomasz Chmielewski schrieb:
>
> (...)
>
>>> To OP though, my background image method will work in IE, the
>>> generated content methods will not.
>
>> How should my CSS look like? I'm trying to achieve it for some time
>> now, with no success.

Well firstly you was want to use CLASS not ID. With ID you can only have
2 links per page "normal" and "arrows" because all IDs must be unique.
So use CLASS.

>
> So, this is almost the one I was looking for:
>
> #arrows a {

This is incorrect anyway, this means an A element *within* another
element with an ID of "arrows". Should should been: a#arrows {...}



> padding-right: 20px;
> background: url(arrow.png) no-repeat center right;
> content: "";
^^^^^^^^^^^^^^^^
You don't need this. This is if you were inserting the image as content.
You are not, it's a background.

> }
>
>
> It works with IE (at least with IE7), but fails miserably with Konqueror
> - there are no links, only images :(


a.arrows{
padding-right: 20px;
background: url(arrow.png) no-repeat center right;
}

<div class="arrows">
<a href="subpage.html">Link with an arrow image</a>
</div>



--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Back to original message]