473,233 Members | 3,752 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,233 software developers and data experts.

Why is my list-style-image not displaying?

Be kind to me, I'm a CSS newbie...

I've been playing with drupal, building a web site (hyc-test.org). I
started with the "sky" theme, but didn't like the way it rendered list
items in menus.

Spcifically, it started with:

list-style-image: url(../../misc/menu-expanded.png);

in one of the early style sheets, and then overridden with

list-style-image:none

I went into this later style sheet and got rid of the list-style-image
attributes, assuming the earlier list-style-image specification would get
inherited.

The problem is, the images still don't get rendered. You can see this if
you go to http://hyc-test.org/. I tried both Firefox and Safari, with the
same result.

The real mystery is that if I examine the list item with Firefox's DOM
Inspector, under the Computed Style page, it shows list-style-image as
"url(http://hyc-test.org/misc/menu-leaf.png)". If I watch with a packet
sniffer while the page loads, I can see the browser do a GET for that URL,
and can see the "200 OK" response come back. Clearing the browser cache
has no effect; still no image gets rendered for the list items.

I'm stumped. What's going on here?
Nov 27 '07 #1
5 9807
In article <ro***********************@news.panix.com>,
Roy Smith <ro*@panix.comwrote:
Be kind to me, I'm a CSS newbie...

I've been playing with drupal, building a web site (hyc-test.org). I
started with the "sky" theme, but didn't like the way it rendered list
items in menus.

Spcifically, it started with:

list-style-image: url(../../misc/menu-expanded.png);

in one of the early style sheets, and then overridden with

list-style-image:none

I went into this later style sheet and got rid of the list-style-image
attributes, assuming the earlier list-style-image specification would get
inherited.

The problem is, the images still don't get rendered. You can see this if
you go to http://hyc-test.org/. I tried both Firefox and Safari, with the
same result.

The real mystery is that if I examine the list item with Firefox's DOM
Inspector, under the Computed Style page, it shows list-style-image as
"url(http://hyc-test.org/misc/menu-leaf.png)". If I watch with a packet
sniffer while the page loads, I can see the browser do a GET for that URL,
and can see the "200 OK" response come back. Clearing the browser cache
has no effect; still no image gets rendered for the list items.

I'm stumped. What's going on here?
It would be so nice if more urls that were put up here at least
validated, neither the html nor the css do. At least you provided
a url!

Have you seen the leaf bullet image that it is you will be
getting if you can make it fetch it? It does not look to me much
different to the available circle in standard CSS. You can start
tracking down the specific trouble by getting rid of all your css
and putting in the list items an inline style calling for that
leaf image... but convince me it is worth it?

--
dorayme
Nov 27 '07 #2
In article
<do**********************************@news-vip.optusnet.com.au>,
dorayme <do************@optusnet.com.auwrote:
In article <ro***********************@news.panix.com>,
Roy Smith <ro*@panix.comwrote:
Be kind to me, I'm a CSS newbie...

I've been playing with drupal, building a web site (hyc-test.org). I
started with the "sky" theme, but didn't like the way it rendered list
items in menus.

Spcifically, it started with:

list-style-image: url(../../misc/menu-expanded.png);

in one of the early style sheets, and then overridden with

list-style-image:none

I went into this later style sheet and got rid of the list-style-image
attributes, assuming the earlier list-style-image specification would get
inherited.

The problem is, the images still don't get rendered. You can see this if
you go to http://hyc-test.org/. I tried both Firefox and Safari, with the
same result.

The real mystery is that if I examine the list item with Firefox's DOM
Inspector, under the Computed Style page, it shows list-style-image as
"url(http://hyc-test.org/misc/menu-leaf.png)". If I watch with a packet
sniffer while the page loads, I can see the browser do a GET for that URL,
and can see the "200 OK" response come back. Clearing the browser cache
has no effect; still no image gets rendered for the list items.

I'm stumped. What's going on here?

It would be so nice if more urls that were put up here at least
validated, neither the html nor the css do. At least you provided
a url!
You're right. Sorry. I fixed up all the HTML botches I could and got it
to validate except for one HTML issue I can't do anything about, but which
couldn't possible be the cause of this. Still no images :-(
Have you seen the leaf bullet image that it is you will be
getting if you can make it fetch it? It does not look to me much
different to the available circle in standard CSS. You can start
tracking down the specific trouble by getting rid of all your css
and putting in the list items an inline style calling for that
leaf image... but convince me it is worth it?
Is what worth it? Is having the specific images worth it vs. having the
default ones? Yes. The leaf image (circle) isn't so different from the
stock one, but the expanded and collapsed (left and down pointing arrows)
images are.

But, at this point, I'm beyond the practical issues of what the actual
images are. I'm trying to understand *why* this is not working. I don't
like things I don't understand.
Nov 27 '07 #3
In article <ro***********************@news.panix.com>,
Roy Smith <ro*@panix.comwrote:
In article
<do**********************************@news-vip.optusnet.com.au>,
dorayme <do************@optusnet.com.auwrote:
In article <ro***********************@news.panix.com>,
Roy Smith <ro*@panix.comwrote:
Be kind to me, I'm a CSS newbie...
>
I've been playing with drupal, building a web site (hyc-test.org). I
started with the "sky" theme, but didn't like the way it rendered list
items in menus.
>
Spcifically, it started with:
>
list-style-image: url(../../misc/menu-expanded.png);
>
in one of the early style sheets, and then overridden with
>
list-style-image:none
>
I went into this later style sheet and got rid of the list-style-image
attributes, assuming the earlier list-style-image specification would get
inherited.
>
The problem is, the images still don't get rendered. You can see this if
you go to http://hyc-test.org/. I tried both Firefox and Safari, with
the
same result.
>
The real mystery is that if I examine the list item with Firefox's DOM
Inspector, under the Computed Style page, it shows list-style-image as
"url(http://hyc-test.org/misc/menu-leaf.png)". If I watch with a packet
sniffer while the page loads, I can see the browser do a GET for that
URL,
and can see the "200 OK" response come back. Clearing the browser cache
has no effect; still no image gets rendered for the list items.
>
I'm stumped. What's going on here?
It would be so nice if more urls that were put up here at least
validated, neither the html nor the css do. At least you provided
a url!

You're right. Sorry. I fixed up all the HTML botches I could and got it
to validate except for one HTML issue I can't do anything about, but which
couldn't possible be the cause of this. Still no images :-(
Have you seen the leaf bullet image that it is you will be
getting if you can make it fetch it? It does not look to me much
different to the available circle in standard CSS. You can start
tracking down the specific trouble by getting rid of all your css
and putting in the list items an inline style calling for that
leaf image... but convince me it is worth it?

Is what worth it? Is having the specific images worth it vs. having the
default ones? Yes. The leaf image (circle) isn't so different from the
stock one, but the expanded and collapsed (left and down pointing arrows)
images are.

But, at this point, I'm beyond the practical issues of what the actual
images are. I'm trying to understand *why* this is not working. I don't
like things I don't understand.
Fair enough, I do understand. But if you did track it down (it
might be as simple as something over ruling the list style or -
something always to watch for with bullets - are they off to the
left where you cannot see them because you have zeroed the
margins (look at your own adjustments, especially your dangerous
"* {margin: 0;}".

I really cannot see how you can live with, troubleshoot and
maintain such a complicated set of css sheets. It is easy to
bypass all and get your "leaf" bullets. But that is not what you
want. Perhaps someone will sort through your markup and css?

Have you tried this, turn all the css off. The whole lot. And put
in a bit of styling to see for yourself the special images?

--
dorayme
Nov 27 '07 #4
In article
<do**********************************@news-vip.optusnet.com.au>,
dorayme <do************@optusnet.com.auwrote:
Fair enough, I do understand. But if you did track it down (it
might be as simple as something over ruling the list style or -
something always to watch for with bullets - are they off to the
left where you cannot see them because you have zeroed the
margins (look at your own adjustments, especially your dangerous
"* {margin: 0;}".
Hmmm. It would appear this is indeed the problem. I don't fully
understand how margins work, but I've got another guy here who also
suspected the same thing, and when he over-rode the margins, the images did
show up. Now I just need to study up on exactly how margins work. Thanks
for getting me going in the right direction.
I really cannot see how you can live with, troubleshoot and
maintain such a complicated set of css sheets.
I inherited the style sheet. I'm just trying to tweak it.

Thanks again!
Nov 27 '07 #5
rf

"Roy Smith" <ro*@panix.comwrote in message
news:ro***********************@news.panix.com...
In article
I inherited the style sheet. I'm just trying to tweak it.
Unlucky.

I had a quick glance at your source and suddenly found something more
interesting elsewhere.

However, consider the relative path you are using to get to the images. The
path you specify in an external css file is relative to *that* css file, not
the html file that includes that css file. Get rid of all the drupal stuff
and cut it down to three or four line css and html files. That is, start
from the simplest you can, just to prove you can obtain the image.

Doesn't explain the 200 though, should be a 404.

--
Richard.
Nov 27 '07 #6

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

6
by: massimo | last post by:
Hey, I wrote this program which should take the numbers entered and sort them out. It doesn¹t matter what order, if decreasing or increasing. I guess I'm confused in the sorting part. Anyone...
10
by: Kent | last post by:
Hi! I want to store data (of enemys in a game) as a linked list, each node will look something like the following: struct node { double x,y; // x and y position coordinates struct enemy...
24
by: Robin Cole | last post by:
I'd like a code review if anyone has the time. The code implements a basic skip list library for generic use. I use the following header for debug macros: /* public.h - Public declarations and...
4
by: JS | last post by:
I have a file called test.c. There I create a pointer to a pcb struct: struct pcb {   void *(*start_routine) (void *);   void *arg;   jmp_buf state;   int    stack; }; ...
3
by: chellappa | last post by:
hi this simple sorting , but it not running...please correect error for sorting using pointer or linked list sorting , i did value sorting in linkedlist please correct error #include<stdio.h>...
0
by: drewy2k12 | last post by:
Heres the story, I have to create a doubly linked list for class, and i have no clue on how to do it, i can barely create a single linked list. It has to have both a head and a tail pointer, and...
10
by: AZRebelCowgirl73 | last post by:
This is what I have so far: My program! import java.util.*; import java.lang.*; import java.io.*; import ch06.lists.*; public class UIandDB {
0
by: Atos | last post by:
SINGLE-LINKED LIST Let's start with the simplest kind of linked list : the single-linked list which only has one link per node. That node except from the data it contains, which might be...
12
by: kalyan | last post by:
Hi, I am using Linux + SysV Shared memory (sorry, but my question is all about offset + pointers and not about linux/IPC) and hence use offset's instead on pointers to store the linked list in...
7
by: QiongZ | last post by:
Hi, I just recently started studying C++ and basically copied an example in the textbook into VS2008, but it doesn't compile. I tried to modify the code by eliminating all the templates then it...
0
by: jianzs | last post by:
Introduction Cloud-native applications are conventionally identified as those designed and nurtured on cloud infrastructure. Such applications, rooted in cloud technologies, skillfully benefit from...
0
by: abbasky | last post by:
### Vandf component communication method one: data sharing ​ Vandf components can achieve data exchange through data sharing, state sharing, events, and other methods. Vandf's data exchange method...
0
by: fareedcanada | last post by:
Hello I am trying to split number on their count. suppose i have 121314151617 (12cnt) then number should be split like 12,13,14,15,16,17 and if 11314151617 (11cnt) then should be split like...
0
by: stefan129 | last post by:
Hey forum members, I'm exploring options for SSL certificates for multiple domains. Has anyone had experience with multi-domain SSL certificates? Any recommendations on reliable providers or specific...
0
by: MeoLessi9 | last post by:
I have VirtualBox installed on Windows 11 and now I would like to install Kali on a virtual machine. However, on the official website, I see two options: "Installer images" and "Virtual machines"....
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: Aftab Ahmad | last post by:
So, I have written a code for a cmd called "Send WhatsApp Message" to open and send WhatsApp messaage. The code is given below. Dim IE As Object Set IE =...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.