UL - LI项目符号图像是文本旁边的右侧

问题描述

我在导航栏中设置UL样式时存在一些问题（对于这个问题抱歉，但是我是一名开发人员，而不是设计师......）

Safari中存在的问题在Mac上（FF工作正常）见第一张照片（FF）

Css：

  .multiPoint {
 list-style-image：url（../图像/ punkte.jpg）; } 
 
 .directionRight {
方向：rtl; 
 padding-right：3em; 
保证金 - 右：0.5em; 
} 
 
 #navigation {
 text-align：left; 
} 
  

HTML：

 < div id =navigationclass =span-6 directionRight> 
< ul> 
< li class =multiPoint> Sie< / li> 
< / ul> 
< / div> 
  

解决方案

尝试更新多点类风格，如下所示： p>

  .multiPoint {
 list-style-image：url（../ images / punkte.jpg）; 
 list-style-position：inside; 
} 
  

这会告诉浏览器将你的子弹图像放在列表中而不是外部。

i have some problems with styling an UL as navigation bar (sorry for this question, but iam a developer, not designer..)

The Problem occours in Safari on Mac (FF is working fine) See first picture (FF)

Css:

.multiPoint {
    list-style-image:url(../images/punkte.jpg); }

.directionRight{
    direction:rtl;
    padding-right:3em;
    margin-right:0.5em;
}

#navigation {
    text-align: left;
}

HTML:

<div id="navigation" class="span-6 directionRight">
    <ul>
    <li class="multiPoint">Sie</li>
    </ul>
</div>

解决方案

Try updating your multiPoint class style as follows:

.multiPoint {
   list-style-image:url(../images/punkte.jpg);
   list-style-position: inside;
}

That will tell the browser to position your bullet images inside the list instead of outside.

这篇关于UL - LI项目符号图像是文本旁边的右侧的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！