Total members 11889 |It is currently Thu Mar 28, 2024 11:39 am Login / Join Codemiles

Java

C/C++

PHP

C#

HTML

CSS

ASP

Javascript

JQuery

AJAX

XSD

Python

Matlab

R Scripts

Weka





Using counter reset CSS property with nested list allow you to reset the items counter within the inner lists .
Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
title>reset the list counter</title>
<
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<
style type='text/css'>
ol counter-reset:Item }
 </
style>

</
head>
<
body>
 <
p>
In this example we use reset counter propertyYou can notice 
the benefits of using this property when using nested lists
.  
 </
p>
<
ol>
  <
li>List 1 item 1</li>
  <
li>List 1 item 2
    
<ol>
      <
li>List 2 item 1</li>
      <
li>List 2 item 2
        
<ol>
          <
li>List 3 item 1</li>
          <
li>List 3 item 2</li>
        </
ol>

    </
li>
  <
li>List 2 item 3</li>
  </
ol>

  </
li>
  <
li>List 1 item 3</li>
</
ol>
</
body>
</
html>
 




_________________
M. S. Rakha, Ph.D.
Queen's University
Canada


Author:
Mastermind
User avatar Posts: 2715
Have thanks: 74 time
Post new topic Reply to topic  [ 1 post ] 

  Related Posts  to : reset the list counter
 Connection Reset By Peer     -  
 jsp page counter     -  
 Writing a Counter to any PORT     -  
 File page counter in php     -  
 Use cookie to create page counter     -  
 Use cookie to create page counter     -  
 ramp Counter ANALOGUE TO DIGITAL CONVERSION (ADC)     -  
 old NASA style counter built from Swing components     -  
 reverse list     -  
 List all database in php     -  



Topic Tags

HTML List






Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
All copyrights reserved to codemiles.com 2007-2011
mileX v1.0 designed by codemiles team
Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com