R
ragtek
Guest
I'm trying to include a small sprite edit icon in my frontend.
I've copied the code from acp option edit links for this.
But it's not working.
As you see on this screenshot:
it's not where it should be and there's no image + link
I've copied the code from acp option edit links for this.
Code:
<style type="text/css">
.optionEditLink
{
font-size: 10px;
line-height: 25px;
position: absolute;
top: 0px;
right: 0px;
}
.optionEditLink .editText
{
display: inline-block;
width: 16px;
height: 25px;
overflow: hidden;
white-space: nowrap;
text-indent: 9999em;
background: transparent url('@imagePath/xenforo/widgets/edit-sprite.png') no-repeat 0px;
}
a.optionEditLink:hover,
.optionEditLink a:hover
{
text-decoration: none;
}
.optionEditLink:hover .editText
{
background-position: -16px;
}
</style>
<a href="{xen:link 'htmlblock/edit'}" class="optionEditLink"><span class="editText">{xen:phrase edit}</span></a>
But it's not working.
As you see on this screenshot:
it's not where it should be and there's no image + link