Kelly Moore wrote:
> hmm, well here is my test page. it seems to work, but this is
> stand-alone. i had to add a bunch of 's for the full arrow to
> work. is there a better way to do this?
>
> http://yakmaster.net/test/arrowtest.html
Hi Kelly,
On your test page, one of the problems I encountered was that your "2"
is the same color as the background-color, so when it's not directly
over top of the image, I see nothing.
Here's a bit of sample code I use for bullet-image replacement...maybe
it'll be helpful for you:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd";>
<html><head>
<title>style:focus{bullet:image-replacement}</title>
<style type="text/css">
h1 {
background-color: #dedede;
border: 1px solid #999999;
color: #454545;
font-family: sans-serif;
padding: 5px;
text-align: center;
}
h3.bii {
background-color: #dedede;
border: 1px solid #999999;
color: #666666;
font-family: sans-serif;
overflow: hidden;
}
h3.bii span.bullet {
background-image:
url("http://destiney.com/images/btn_small_arrow.png";);
background-position: 0 50%;
background-repeat: no-repeat;
display: inline;
float: left;
height: auto !important;
height: 27px;
margin-right: 5px;
min-height: 27px;
padding-left: 32px;
text-align: right;
width: 2em;
}
</style>
<!--[if IE]><style type="text/css">
h3.bii{zoom:1}
</style><![endif]-->
</head><body>
<h1>Bullet-to-Image Replacement (single line)</h1>
<h3 class="bii"><span class="bullet">1.</span>| Item Content</h3>
<h3 class="bii"><span class="bullet">100.</span>| Item Content</h3>
<h3 class="bii"><span class="bullet">999.</span>| Item Content</h3>
</body></html>
Hope it helps.
--Bill
--
/**
* Bill Brown
* TheHolierGrail.com & MacNimble.com
* From dot concept...to dot com...since 1999.
***********************************************/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
![http://destiney.com/images/btn_small_arrow.png"](http://destiney.com/images/btn_small_arrow.png"){kind=link}