Question

我对我在Joomla支持的网站上显示的默认打印和电子邮件图标有疑问。我在Joomla UI中启用了它们，但没有显示包含两个链接的列表。当我查看网页时，我发现如果您使用自定义模板，并且图片丢失，可能会发生这种情况。

现在我的问题是如何通过CSS编码解决这个问题？

感谢任何提示或帮助。

Answer 1

假设您还要删除列表格式，并且图标文件是16x16像素，只需将以下内容添加到CSS文件中：

ul.actions {
    list-style:none;
    float:right
}
.print-icon, .email-icon {
    display:inline-block;
    width:16px;
    height:16px;
    text-indent:-3000px;
    overflow:hidden;
}
.print-icon {
    background-image:url(path/to/yourprintimage.png);
}
.email-icon {
    background-image:url(path/to/youremailimage.png);
}

显然用实际图标替换文件名;）

使用CSS编码显示print＆amp;电子邮件图标（并将它们设置为右浮动内联）

1 个答案: