Removing bullets from unordered list

2018-06-10 02:35:24

Edit

The html and css for the site I am working on can be found at http://http://new.oranaschool.com/

/Edit

I am trying to remove the bullets showing in the top horizontal menu (Home...Contact). I have tried the advice given in Removing "bullets" from unordered list <ul> but still the bullets persist.

Can someone have a look at the CSS and tell me what I need to add to which CSS class? This has been driving me nuts now for a couple of hours.

remove background-image from this

.navigation ul.sf-menu > li:before {
     background: url(../images/menu_bull.png) 0 0 no-repeat; /** remove this */
}

and if you don't want to edit the original code add

.navigation ul.sf-menu > li:before {
         background: url('');
    }

你可以试试这个

<html>
<head>
<style type="text/css">
div.ui-menu li {
    list-style:none;

}
ul
{
    list-style-type:none;
    padding:0px;
    margin:0px;
}
li
{
   display:inline;
    padding-left:14px;
}
</style>
</head>

<body>

<div class="ui-menu">
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
</div>

</body>

</html>

Please see the fiddle

https://jsfiddle.net/psgou7bt/2/

HTML

  <ul class="no-bullets">
    <li>item1</li>
    <li>item2</li>
    <li>item3</li>
    </ul>

Css

  .no-bullets, .no-bullets li {
        list-style-type:none;

    }

If this don't work for you, then you have some conflicts in your code

链接地址: http://www.djcxy.com/p/29994.html

上一篇: 块不会将我无序列表中的元素更改为水平显示

下一篇: 从无序列表中删除项目符号