Web Hosting Offers
See the new scripts recently added to Dynamic Drive. Click here.
Original, practical CSS codes and examples such as CSS menus for your site.
    Search code samples  
 
  Keyword
 
 
 
   
 
 
  Code Samples
 
ASP
CSS
Dhtml
Html
Javascript
PHP
 
   
     LOGIN HERE  
 
Username
Password
Forgot Password
Verify Signup
 
 
 

CSS

how to create different bullets for different list items?

Visitor Ratings (2) :
Description
To set this up, follow the steps for creating personalized bullets.
http://www.itechies.net/dev/details_faq.php?sbres_id=83

Next, create additional rules that replace the generic bullet graphic with images that are appropriate for each type of list item. For example, to create the PDF bullet, you’d type:

li.pdf {
background-image: url(pdf.gif);
}

Repeat this for each type of bullet you want to create.

Now, when you create a new list, reference the appropriate bullet type for each list item. For example, the HTML for a list item that links to a PDF might look like this:

Bullet, Know Thyself These bullets give readers a clue about what type of documents the list items are.

<ul>
<li class="pdf"><a href="brochure.pdf">Our Brochure</a></li>
</ul>
Code
Select All
 Rate this Resource