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