CSS problem - attaching image to <li> tag

Jimmy_Jazz · Post by **Jimmy_Jazz** » Mon 7. Mar 2005, 12:13

Hi

Im currently building a site with PHPWCMS and have run into an issue.
I have created a list of my clients products using the List content part.
For the bullet points I have designed an image - bullet.gif

When I create the CSS in the back end like this:

li, ul {
list-style-image: url("/images/bullet.gif");
}

the Style does not apply the graphic to the list.
But when I add the phpwcms default bullet image like this:

li, ul {
list-style-image: url("/img/article/bullet_1.gif");
}

it worked fine which is wierd.

I decided to replace the default graphic with my new one bu then browsers wont see the new graphic only the original - even on computers that havent visited the site before.

If you have any ideas how to overcome this problem that would be great

Cheers

Jimmy

pico · Post by **pico** » Mon 7. Mar 2005, 12:56

Hi

is the Path correct

Code: Select all

url("/images/bullet.gif");

Code: Select all

 list-style-image: url("/img/article/bullet_1.gif");

or replace the Bullet in /img/article/ for testing.

Jimmy_Jazz · Post by **Jimmy_Jazz** » Mon 7. Mar 2005, 13:44

Hi Pico

I have replaced the default 'bullet_1.gif' in img/article/ with my own graphic but the browser still sees the original. I dont think this is a cashe issue as other computer's render the default graphic even though they have not visited the site before.

see here:

http://www.wallcreative.com/clients/spa ... ucts.phtml

the graphic is the phpwcms default.
the css code is:

Code: Select all

li, ul {
	list-style-image: url("/img/article/bullet_1.gif");
}

but the image in that location is my new graphic not the default:

http://www.wallcreative.com/clients/spa ... llet_1.gif

Once again thanks for any help...

pico · Post by **pico** » Mon 7. Mar 2005, 14:29

Hi

empty your Browser Cache

pico · Post by **pico** » Mon 7. Mar 2005, 14:37

Sorry

was too fast

I've take a look to your CSS - but there I cant see a ul- or li-Class

Normaly, when I rember right they are commented out like this

Code: Select all

/*
ul { margin: 0px 0px 0px 20px; }
li { font-size: 11px; list-style: disc; }
*/

Jimmy_Jazz · Post by **Jimmy_Jazz** » Mon 7. Mar 2005, 16:27

Hi Pico

That CSS class is not in the 1.21 Dev release im using

But its OK Ive fixed the problem

I added the following code:

Code: Select all

li {
   list-style-image: url("http://www.wallcreative.com/clients/spacecraft/office/img/article/bullet_1.gif");
}

Basically I have another copy of WCMS working on my root level and the cms was looking in my root level and not the 'office level' and therefor not finding the correct images.
Strange as i would have thought it would be relative.
Anyway...
Thanks for your help

Jimmy