By coyote@www.timntina.com on
Hi, I've searched all over the site for this & can't find an answer. Let's start with the basics. I'm running Drupal v.5.2 with the Gespaa Theme (minor customizations). The issue is that the unordered list icons defined in /modules/system/system.css (menu-expanded.png, menu-collapsed.png, & menu-leaf.png) don't show in FireFox v.2 (presumably most versions, but this is what my current version is). They work fine in IE7. To see what I'm talking about, please visit my site in both browsers.
I'm not a CSS wizard, but I can usually reverse engineer anything. I've tried tweaking many many settings to no avail. Any help would be greatly appreciated.
Comments
not a css guru by any means, but
in the theme's style.css, have you noticed that "#sidebar ul li" has a "list-style: none"? i commented out that entire selector, and the images came back; maybe you can just take out the "list-style: none" part. i am wondering if ie's misbehaving ignored that? opera echoed ff2's behavior, if it helps any.
also just learning, so i hope it is not at your expense. could just be delirium on my part. i did the experiment in a local installation, btw.
good luck!
You're a Genius
Thank you, you're a genius. On line 201 is the line you're talking about.
198 #sidebar ul li {
199 margin:5px;
200 padding:0px;
201 list-style: none;
202 }
Rather than commenting it out I actually changed it to list-style-type. I had seen in another thread something about list-style should be list-style-type, so I tried it. And now it works. Below is the new CSS.
198 #sidebar ul li {
199 margin:5px;
200 padding:0px;
201 list-style-type: none;
202 }
If you want, you can check out the site again in FireFox. Thanks so much for your help, I must've spent 3 hours trying to figure this out. I really appreciate it.
not really
if you are a ff user, pick up the web developer toolbar and firebug. magic!
glad your stuff works for you now. have to remember that list-style-type thing.