navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

Bulleted Text

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> Bulleted Text
Page: [1]
 
leatherlips

 

Posts: 248
From: USA
Status: offline

 
Bulleted Text - 2/24/2004 16:33:55   
My style sheet declares the color I want for my bullets. However, my text within the bullets change to the same color as the bullets. How can I make my text within the bullets their own color?

You can see what I am talking about here:

http://www.westcler.org/ce/pawprints.htm

Scroll down the page a little and you'll see my bulleted text.

Thanks.
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: Bulleted Text - 2/24/2004 18:18:40   
Hi leather lips, try using a class for the text in your list.

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to leatherlips)
leatherlips

 

Posts: 248
From: USA
Status: offline

 
RE: Bulleted Text - 2/25/2004 20:22:40   
I'm sorry, but how do I do add a class style to it? I've tried, but I can't get it to work.

(in reply to leatherlips)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: Bulleted Text - 2/26/2004 8:26:00   
quote:

ORIGINAL: leatherlips

I'm sorry, but how do I do add a class style to it? I've tried, but I can't get it to work.


Can you add a font color to your styles for the ul? Have you tried that, you might not need to use a class.

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to leatherlips)
gorilla

 

Posts: 2974
From: Denmark
Status: offline

 
RE: Bulleted Text - 2/26/2004 10:40:11   
The bullet and the text are part of the same thing. The <li> by definition therefore, IOW what the spec says, a style applied will affect everything. Your options are:

1. Use a graphic as your bullet.

2. Use a span style on the text.

I suggest you go for number 1 myself.

_____________________________

Mháircaish

Signature self-censored to protect the sensibilities of the thin-skinned :).

May we never confuse honest dissent with disloyal subversion. – Dwight D. Eisenhower



(in reply to leatherlips)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: Bulleted Text - 2/26/2004 16:59:23   
quote:

The bullet and the text are part of the same thing. The <li> by definition therefore, IOW what the spec says, a style applied will affect everything. Your options are:

1. Use a graphic as your bullet.

2. Use a span style on the text.

I suggest you go for number 1 myself.


Thanks for answering this Gorilla, I was going crazy trying to figure it out. Thought that it was just me, the slump I appear to be in, and the swiming of informaiton in my brain right now that is not connecting.:)

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to gorilla)
Karl

 

Posts: 172
From: Chucktown, SC
Status: offline

 
RE: Bulleted Text - 2/26/2004 17:19:19   
leatherlips,

Here is an example of how you can do it using an image for your bullets:

ul {
		list-style-image: url(/images/li_bullet.gif);
		list-style-type: circle;
		font-size: 10pt;
		line-height: 1.6;
                                color: red;
		}

Use the image to fill in the space. Change the list-style-type to suit what it is your need (circle, square, etc - recommended if the list item image link becomes broken or images are disabled). Color should change the color of the font to what you want it to be (if necessary).

HTH,

Karl

< Message edited by Karl -- 3/3/2004 13:52:19 >


_____________________________

Create, validate, and communicate!
Adonnis Networks

(in reply to c1sissy)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> Bulleted Text
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts