Like already pointed out by the links below, using a background-image & then background-position together with text-indent to get the text away from the image will result in a solid way to position whatever bullet-pic you choose.
Tobias Christian Heilmann schrieb: >>Hi :) >>I'm creating a theme for WordPress and I wish to have a secondary bullet >>image show up in the sidebar when you hover over a link there. The >>current bullet image is a purple heart (bullet.gif), the other bullet I >>made for hover is green (bullet2.gif) Below is the code I'm trying to >>use.... I just can't figure out where or how to add it so that it will >>work in the sidebar, and everything I've tried isn't working lol. >> >>list-style-image: url(images/bullet2.gif); >>list-style-type: circle; >>margin-left: 18px; > > > Searching the list archives or google brings up a solution as this has > been quite often discussed > > http://css.maxdesign.com.au/listamatic/vertical04.htm > "Comments: Use list-style-image: url(imagename); to replace the > bullets entirely with images. The downside of this method is that each > browsers positions the images differently. CSS background images for > list bullets is a more consistent method." > > Therefore: > http://css.maxdesign.com.au/listamatic/vertical05.htm > > -- > Chris Heilmann > Blog: http://www.wait-till-i.com > Writing: http://icant.co.uk/ > Binaries: http://www.onlinetools.org/ > ______________________________________________________________________ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > > ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
