Page 1 of 1

CSS problem - attaching image to <li> tag

Posted: Mon 7. Mar 2005, 12:13
by Jimmy_Jazz
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

Posted: Mon 7. Mar 2005, 12:56
by pico
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.

Posted: Mon 7. Mar 2005, 13:44
by Jimmy_Jazz
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...

Posted: Mon 7. Mar 2005, 14:29
by pico
Hi

empty your Browser Cache :D

Posted: Mon 7. Mar 2005, 14:37
by pico
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; }
*/

Posted: Mon 7. Mar 2005, 16:27
by Jimmy_Jazz
Hi Pico

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

But its OK Ive fixed the problem :D

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