UL list-style-image not working
Hi all,
I am having a very annoying problem when using an unordered list in my
aspx page. I set a UL style to use a custom image as the list style
image but it does not show in the screen. I have tried it in a couple
different ways but still no go. I have tried inline styles as well as
using a style sheet class but it just doesn't show the image on the
<li> element. The odd thing is that it will take the rest of the UL
style but just not the image.
SPECS:
Windows XP Pro SP2
IE 7
Firefox 2.x
ASP.NET 2.0
Here's the code I am using:
<asp:Content ...>
<!-- I do some binding to a dataset here that is unrelated to the
UL ... -->
<ul style="list-style-image:url('images/arrow.gif');list-style-
type:square;">
<li> test entry</li>
</ul>
</asp:Content>
This does not show my custom image but only shows the built-in square
list type. I know the image path is correct because I can do an <img>
tag with the same path and it displays correctly on the page.
Also, I get the same behavior on IE as FF.
Anyone seen behavior like this before?
Angelo
Re: UL list-style-image not working
After serious thinking Angelo wrote :
> Hi all,
>
> I am having a very annoying problem when using an unordered list in my
> aspx page. I set a UL style to use a custom image as the list style
> image but it does not show in the screen. I have tried it in a couple
> different ways but still no go. I have tried inline styles as well as
> using a style sheet class but it just doesn't show the image on the
> <li> element. The odd thing is that it will take the rest of the UL
> style but just not the image.
>
> SPECS:
> Windows XP Pro SP2
> IE 7
> Firefox 2.x
> ASP.NET 2.0
>
> Here's the code I am using:
>
> <asp:Content ...>
> <!-- I do some binding to a dataset here that is unrelated to the
> UL ... -->
> <ul style="list-style-image:url('images/arrow.gif');list-style-
> type:square;">
> <li> test entry</li>
> </ul>
> </asp:Content>
>
> This does not show my custom image but only shows the built-in square
> list type. I know the image path is correct because I can do an <img>
> tag with the same path and it displays correctly on the page.
>
> Also, I get the same behavior on IE as FF.
>
> Anyone seen behavior like this before?
>
> Angelo
A guess: is the "list-style-type:square;" overriding the
""list-style-image:url()" setting? Try it without the "square".
Hans Kesting