bullet image for unordered list problem

torweb

I'm using an image for an unordered list, which works fine. The problem is, the image is also appearing in my numbered "ordered list." Here is my code for the unordered list:...and thanks in advance:

Expand|Select|Wrap|Line Numbers

 
ul {

font-family: Arial;

font-size: 12px;

color: #424E51;

font-style: normal

line-height: 17px;

font-weight: normal;

font-variant: normal;

text-transform: none;

text-decoration: none;

background-color: #FFFFFF;

text-indent: inherit;

list-style-position: outside;

margin: 25px;

list-style-type: none;

}
 
li {

    padding-left:15px;

    background:transparent url(MEDIA/JPGs/bullet.gif) no-repeat;

    background-position:0 7px;

}

drhowarddrfine

Because you are putting the image in all li's. So be more specific and say:
ul li {....}

torweb

Quote:

Originally Posted by drhowarddrfine

Because you are putting the image in all li's. So be more specific and say:
ul li {....}

Thanks so much for the reply...I just "stumbled" on the answer before reading your post...but again...many thanks!

bullet image for unordered list problem

re: bullet image for unordered list problem

re: bullet image for unordered list problem

Similar HTML / CSS bytes

/bytes/development

/bytes/it

/bytes/about