Friday, October 24, 2008

Custom CSS bullet

ul {
 list-style-image: url(arrow.gif);

 }

this style simply for custom bullet, create arrow.gif 

**************************

inline lists:

These examples of horizontal lists and add class="first" to the first LI

#navigation ul {
 margin-left: 0;
 padding-left: 0;
 display: inline;
 } 
#navigation ul li {
 margin-left: 0;
 padding: 3px 15px;
 border-left: 1px solid #000;
 list-style: none;
 display: inline;
 }
 
  
#navigation ul li.first {
 margin-left: 0;
 border-left: none;
 list-style: none;
 display: inline;
 }


‹div id="navigation">
‹ul>
‹li class="first">Item 1
 ‹li>Item 2
 ‹li>Item 3
 ‹li>Item 4
‹/ul>





No comments: