Member Avatar for minbor

Hello,

I'd like to know is there a way to specify what character to use in the unordered list?
for example, i'g like to have a list with '-' or '>' for a bullet, but cant find a way to do this in html or css.
All ideas very weclome

Thanks for the replies

minbor

  • 4 Contributors
  • 3 Replies
  • 114 Views
  • 4 Days Discussion Span
  • Latest Post Latest Post by rockyourweb

Recommended Answers

All 3 Replies

Member Avatar for MidiMagic

Probably the easiest and most compatible way is to make a .gif image of the character you want. Then use:

.bul {list-style-image: url(broketbullet.gif);}

Then, at the appropriate list:

<ul class="bul">
...
</ul>

Note that if you have a sublist inside the list with the custom bullets, you will need to create another style to return the bullets or numbers of the inner list back to the proper kind.

Member Avatar for rockyourweb

You can try this in css file :

.list ul { background:url(images/imagename.gif) center left no-repeat;
padding-left:15px;
list-style:none;
}

and use div class list in your html file like this :

<ul class="list">
<li>text</li> 
<ul>
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.