Main
Index 		Search
Posts 		Who's
Online 		Log
In

Home: Discontinued/Classic Products: Article Manager 1:
CSS for Bullets

 
 


trandel
User

Aug 20, 2006, 4:25 AM

Post #1 of 7 (1843 views)
Shortcut
CSS for Bullets Can't Post
Hi,

I am using the following CSS for a bulleted list:


ul {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000080; list-style-image: url ('artman/uploads/bullet-red.gif'); }

I do not get my red bullet image showing instead of the normal bullet?

(I copied this code out of my existing CSS file and just modified the url to point to the image on the AM domain.)

Regards

Tony Randell


Donna
Staff / Moderator


Aug 21, 2006, 10:26 AM

Post #2 of 7 (1829 views)
Shortcut
Re: [trandel] CSS for Bullets [In reply to] Can't Post
Hi Tony,

Thanks for your email. :)

The only thing you'll need to change is the spaces in the line. Try this instead:

Code
ul {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000080; list-style-image:url('artman/uploads/bullet-red.gif'); }

Give that a try and let me know if it works for you. :)

Donna

--
support@interactivetools.com


trandel
User

Aug 21, 2006, 11:07 AM

Post #3 of 7 (1828 views)
Shortcut
Re: [Donna] CSS for Bullets [In reply to] Can't Post
Hi Donna

Gave it a try and no luck on my test page at http://www.ptmgxtra.co.za/artman/publish/article_18.shtml

As you can see the bullets are the standard MS ones. I put your line in the styles.css file to no effect?

Regards

Tony R


ChetW
Staff


Aug 21, 2006, 2:13 PM

Post #4 of 7 (1822 views)
Shortcut
Re: [trandel] CSS for Bullets [In reply to] Can't Post
Hi Tony,

Thanks for the follow-up!

What you are going to want to do is change this:

Code
ul {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000080; list-style-image: url ('artman/uploads/bullet-red.gif'); }

To this:

Code
ul {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000080; list-style-image: url ('/artman/uploads/bullet-red.gif'); }

Notice that the only thing changed is an extra "/" in front of the word "artman" on the 'list-style-image' attribute.

This should help get you on your way Tony! and if you have any other question please don't hesitate to ask. :)
Cheers,
Chet Woodside - Product Specialist
support@interactivetools.com

[hr][i][url "http://www.interactivetools.com/consulting/"][b]Hire me![/b][/url]
Save time by getting our experts to help with your project. Template changes, advanced features, full integration, whatever you need. Whether you need one hour or fifty, get it done fast with [url "http://www.interactivetools.com/consulting/"][b]Priority Consulting[/b][/url].[/i]


trandel
User

Aug 21, 2006, 10:31 PM

Post #5 of 7 (1811 views)
Shortcut
Re: [ChetW] CSS for Bullets [In reply to] Can't Post
Hi,

Tried your additional '/' but still no joy?

I have attached a copy of the styles.css and the modified template that is being used.

I have even attached the image file and checked that it has definitely been uploaded to the domain.

I'm baffled - I thought I was beginning to understand CSS ...........?

Regards

Tony R
Attachments: styles.css (5.08 KB)
  default_pa.html (4.26 KB)
  bullet-red.gif (0.12 KB)


ChetW
Staff


Aug 22, 2006, 11:23 AM

Post #6 of 7 (1796 views)
Shortcut
Re: [trandel] CSS for Bullets [In reply to] Can't Post
Hi Tony,

Thanks for the update!

The reason this is not working for you is because of a small piece that I overlooked. What you are going to want to do is change this:

Code
ul {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000080; list-style-image: url ('/artman/uploads/bullet-red.gif'); }

To this:

Code
ul {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000080; list-style-image: url('/artman/uploads/bullet-red.gif'); }

There is only a minor change here which you can find on the "list-style-image" attribute what you had previous was this:

list-style-image: url ('info_here');

Notice the space after 'url' for CSS there should be no space between the 'url' and the opening '(' so what it should look like is this:

list-style-image: url('info_here');

Does this help Tony? If you have any other questions please feel free to ask. :)
Cheers,
Chet Woodside - Product Specialist
support@interactivetools.com

[hr][i][url "http://www.interactivetools.com/consulting/"][b]Hire me![/b][/url]
Save time by getting our experts to help with your project. Template changes, advanced features, full integration, whatever you need. Whether you need one hour or fifty, get it done fast with [url "http://www.interactivetools.com/consulting/"][b]Priority Consulting[/b][/url].[/i]


trandel
User

Aug 22, 2006, 10:22 PM

Post #7 of 7 (1790 views)
Shortcut
Re: [ChetW] CSS for Bullets [In reply to] Can't Post
Hi Chet

Works like magic!

Thanks and Regards

Tony randell