UL list-style-image not working

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • Angelo
    #1

    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
    <lielement. 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('imag es/arrow.gif');lis t-style-
    type:square;">
    <litest 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
    Tags: None
    • Hans Kesting
      #2
      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
      <lielement. 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('imag es/arrow.gif');lis t-style-
      type:square;">
      <litest 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


        Comment

        Previous template Next
        Working...