jquery - Not able to add images to unordered list items in columns -
jquery - Not able to add images to unordered list items in columns -
i made these 2 work standalone not able create them work , can't figure out why.
i need accomplish 2 things on page : - have unordered list of items in 3 colums ( there lot of list items listed) - have tick box in front end of every list item.
i managed accomplish column view , managed accomplish icon in front end of each list item. cannot create them work together.
i testing on jsfiddle : http://jsfiddle.net/glee/fa722/
here's html
 <div class="licol">      <ul id="ul.ticklist">  <li>apples</li>  <li>pears</li>  <li>bananas</li>  <li>grapes</li>  </ul></div>  <div class="licol">      <ul>  <li>cheese</li>  <li>milk</li>  <li>cookies</li>  <li>oreos</li>  </ul></div>  <div class="licol">      <ul>  <li>apricot</li>  <li>cherries</li>  <li>oranges</li>  <li>pineapple</li>  </ul></div>    and css.
ul.ticklist {    list-style-image:url(http://simplyelegant.us.tempcloudsite.com/images/icons/small_icons/16px-bluecheck-icon.png);       width: 700px;     list-style-type:none; }  .licol {     float: left;     width: 140px; }    thank much in advance!
your html should this:
<ul id="ticklist"> <!-- content --> </ul>    your css phone call should be:
#ticklist li { position: relative; left: 20px; list-style-type:circle; list-style-image:url('http://simplyelegant.us.tempcloudsite.com/images/icons/small_icons/16px-bluecheck-icon.png'); }        jquery html css list html-lists 
 
Comments
Post a Comment