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
angelo [ Mi, 23 April 2008 21:08 ] [ ID #1948386 ]

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
Hans Kesting [ Do, 24 April 2008 14:31 ] [ ID #1949145 ]
Microsoft » microsoft.public.dotnet.framework.aspnet » UL list-style-image not working

Vorheriges Thema: ASP.Net 3.5 - Retrieving List of Local Printers on Client Machine ?
Nächstes Thema: using Ajax Modal popup