Lists with Image

And now, let's add a basketball icon as a list bullet (image is at images/basketball.gif, basketball

list

An unordered list controlled by CSS:

Example 4.28 - List with images as bullets - Example 4.28 (Without Styles)

 <strong>Winningest Active Coaches, Division I NCAA Men's Basketball </strong>
 <ul class="basketball">
   <li>Mark Few
   </li>
   <li>Roy Williams
   </li>
   <li>John Calipari
   </li>
   <li>Mike Krzyzewski
     <br/>
Bill Self
   </li>
   <li>Sean Miller
   </li>
   <li>Brad Underwood
   </li>
   <li>Dave Rose
   </li>
   <li>Gregg Marshall
   </li>
   <li>Ray Harper
   </li> </ul>

In style element (<style>) within head element:

ul.basketball {
    list-style-image: url('images/basketball.gif');
}
Winningest Active Coaches, Division I NCAA Men's Basketball
  • Mark Few
  • Roy Williams
  • John Calipari
  • Mike Krzyzewski
    Bill Self
  • Sean Miller
  • Brad Underwood
  • Dave Rose
  • Gregg Marshall
  • Ray Harper
 

See: Men's Basketball Coaching Records