|
|
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
Navigation:
[Reply to this message]
|