Home/ Questions/Q 7895215
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T07:35:21+00:00

I have a navigation menu, footer, and a slideshow which use listed style to

  • 0

I have a navigation menu, footer, and a slideshow which use listed style to list links and images. I have the css list-style:none; set to hide the bullets next to the links and images in the nav and footer but I want to show the bullets for list normal text.

How can I do this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The example bellow explains how to remove bullets using a css style class.
    You can use , similar to css class, by identifier (#id), by parent tag, etc.
    The same way you can use to define a css to remove bullets from the page footer.

    I’ve used this site as a starting point.

    <html>
<head>
<style type="text/css">
div.ui-menu li {
    list-style:none;
    background-image:none;
    background-repeat:none;
    background-position:0; 
}
ul
{
    list-style-type:none;
    padding:0px;
    margin:0px;
}
li
{
    background-image:url(sqpurple.gif);
    background-repeat:no-repeat;
    background-position:0px 5px; 
    padding-left:14px;
}
</style>
</head>

<body>

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

<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
</body>

</html>
    • 0