[triplebig]

Hi ....


How to have different image bullet for nested list ?

Code:

<ul id="centercolumn">
<li>Weblog</li>
<li>Articles</li>
   <ul>
   <li>How to Beat the Red Sox</li>
   <li>Pitching Past the 7th Inning</li>
   <li>Eighty-Five Years Isn't All That Long, Really</li>
   </ul>
<li>About</li>
</ul>

Code:

#centercolumn ul {
margin:0; 
padding:0; 
padding-left:24px; 
list-style:decimal outside; 
text-align:left;
}

#centercolumn li {

background: url(arrow.gif) no-repeat left center;
list-style-type: none;
padding-left: 22px;
margin-bottom: 3px;
color:#5B5B5B; 

}

[wirehopper]

#outerlist ul .innerlist ul
{
list-style-type:none;
/* or */
list-style-image: url('sqpurple.gif');
}

CSS Styling Lists