dotnet thoughts » CSS http://www.dotnetthoughts.net a dotnet developer's technical blog Wed, 08 Feb 2012 03:18:03 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 CSS list-style-image Property http://www.dotnetthoughts.net/2007/05/22/css-list-style-image-property/ http://www.dotnetthoughts.net/2007/05/22/css-list-style-image-property/#comments Tue, 22 May 2007 10:42:52 +0000 Anuraj P http://anuraj.wordpress.com/2007/05/22/css-list-style-image-property/ Continue reading →]]> If you are using list tags, like OL, LI, UL etc, there is limited control on the UI, like it will render only like 1, disc etc. Sometimes the we require bulletedlists to be look nice. Here is simple way to modifying the OL and UL tags with custom icons. The list-style-image property in CSS used to replace the existing UL and OL tags marker with an Image.

ol
{
list-style-image: url("newImage.gif");
}

And you can change it dynamically using Javascript.

var links = document.getElementsByTagName("UL");
for(var i=0; i <= links.length - 1; i++)
{
links[i].style.listStyleImage="url(plus.gif)";
}

This code will search all the UL tags and assign images for them.

No related content found.

]]> http://www.dotnetthoughts.net/2007/05/22/css-list-style-image-property/feed/ 0