By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,400 Members | 1,335 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,400 IT Pros & Developers. It's quick & easy.

bullet image for unordered list problem

P: 14
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
  1. ul {
  2. font-family: Arial;
  3. font-size: 12px;
  4. color: #424E51;
  5. font-style: normal
  6. line-height: 17px;
  7. font-weight: normal;
  8. font-variant: normal;
  9. text-transform: none;
  10. text-decoration: none;
  11. background-color: #FFFFFF;
  12. text-indent: inherit;
  13. list-style-position: outside;
  14. margin: 25px;
  15. list-style-type: none;
  16. }
  17.  
  18. li {
  19.     padding-left:15px;
  20.     background:transparent url(MEDIA/JPGs/bullet.gif) no-repeat;
  21.     background-position:0 7px;
  22. }
Mar 16 '08 #1
Share this Question
Share on Google+
2 Replies


drhowarddrfine
Expert 5K+
P: 7,435
Because you are putting the image in all li's. So be more specific and say:
ul li {....}
Mar 16 '08 #2

P: 14
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!
Mar 16 '08 #3

Post your reply

Sign in to post your reply or Sign up for a free account.