Irina

If you want to make counter list you have to use CSS2. But here is the problem. IE6 don’t support CSS 2. Here is the code to do those list.

Css code

.list {
counter-reset:chapter;
}

div {
margin-left:1em;
}

p {
padding:0;
margin:0 0 0 3em;
border:0;
}

.list div:before {
content: counter(chapter) “. “;
counter-increment: chapter; /* Add 1 to chapter */
}

.list div {
counter-reset: section; /* Set section to 0 */
}

p:before {
content: counter(chapter) “.” counter(section) ” “;
counter-increment: section;
}

And the HTML Code is

<div class=”list”>

<div>Sweet</div>
<div>Salty</div>

<p>Very Salty</p>
<p>Lightly Salted</p>
<div>Bitter</div>
<div>Sour</div>
<p>Quite Sour</p>
<p>Very Sour</p>

</div>

And here is the view

Over the last few years web-developers have written many articles about CSS and developed many useful techniques, which can save you a lot of time – of course, if you are able to find them in time. In this site you can find almost everything
www.smashingmagazine.com

label,input {
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
}

label {
text-align: right;
width: 55px;
}
br {
clear: left;
}

Almost all javascript bubles i found in Internet wasn’t good for me, because they used the tag (”a href“), but i don’t want to use on all the link. So I’ve changes the script a little.

Click here to see the example

Download Package (zip)