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

Popular posts from this blog

php - Android app custom user registration and login with cookie using facebook sdk -

django - Access session in user model .save() -

php - .htaccess Multiple Rewrite Rules / Prioritizing -