On 5/17/07, coolman coolx <[EMAIL PROTECTED]> wrote:
> It works well with dots showing in Firefox and other browsers but it shows
> dash in IE based browsers so I created a dot image but am lost as to which
> style to use as I had already used the background image for the bullets. Is
> there a way I can do the border-bottom using image?
You cannot use an image for a border; however, if you have an inner
element, you could apply one of your necessary backgrounds to the
outer and one to the inner as such:
<ul>
<li><a href="#">First Item</a></li>
<li><a href="#">Second Item</</li>
</ul>
li{ background: url(bottom_dots.gif) left bottom repeat-x; }
li a{ background: url(bullet.gif) no-repeat transparent; }
Hope this helps,
Brian
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
