html - 页脚中 rtl 语言的图像

标签 html css image right-to-left

我正在使用 opencart 我安装了一个自定义页脚,因为它可以预览我的 Facebook 页面等等。问题是我使用的是阿拉伯语,所以它是一种 RTL 格式,所以我在标题中的图标是不正确的在英语中,它应该在文本的右侧,但它不是......

我试过 background-position: 100% 0; 但是它把图片放在了文本下面......

有什么想法

我的网站是:www.egy-smoke.com

最佳答案

更新您的自定义样式表,这样:

footer #custom-footer > div > div > div h3.facebook {
padding-left: 34px;
background: url(../img/icon-facebook.png) 0px 9px no-repeat;
}

变成这样:

footer #custom-footer > div > div > div h3.facebook {
  padding-right: 34px;
  background: url(../img/icon-facebook.png) 100% 9px no-repeat;
}

对其他自定义元素重复上述操作,例如“اتصل بنا”和“احنا مين”

关于html - 页脚中 rtl 语言的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22898718/

相关文章:

javascript - 10 秒后隐藏图像

html - Internet Explorer 11 无法识别 CSS3 特定属性

html - 行内元素方向

javascript - 动画完成后如何添加类?

html - ionic 扭曲图像

jquery - 单击时向图像添加类。如果单击另一个图像,则删除该类并将其添加到新图像

javascript - 当指定表单时,输入框禁用/启用框

javascript - Chrome 不尊重 svg 元素的驼峰命名法 "clippath"

javascript - 将元素的属性设置为关键帧规则的 "from"关键字中的默认值

html - 我怎样才能使用 100% 宽度和固定高度的图像 - 并且让它们不变形?