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/
