Geoff Krajeski wrote: > I am looking to style an ordered list with colored blocks with a number > inside. How can I get an orange block with a white number inside > without turning the list item text white as well? > I made a very crude example of what you are looking for at the link below. I used a 20px x 20px image as the background image for the <li> tags. Then I spanned the li text.
Here is the code: <style type="text/css"> li {background: url("redbox.jpg") no-repeat; list-style-position: inside; margin: 2px 0; padding: 0 0 0 2px; color: white; font-weight: bold; } li span {color: red; padding: 0 0 0 2px;} </style> <ol> <li><span>This is the first item in my list</span></li> <li><span>This is the second item in my list</span></li> <li><span>This is the third</span></li> </ol> http://columbuswebmakers.com/Workbench/OLTest.html -- Joel Goldstick www.columbuswebmakers.com ______________________________________________________________________ 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/