RE: [WSG] CSS list-style
Chris,
I am not sure what system you tested this on, but it doesn't work on any
system I tried, and indeed it shouldn't: the marker is a part of the LI
not of the UL.
Regards,
Mike
Mike Brockington
Web Development Specialist
www.calcResult.com
www.stephanieBlakey.me.uk
www.edinburgh.gov.uk
This message does not reflect the opinions of any entity other than the
author alone.
-Original Message-
From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org]
On Behalf Of Chris F.A. Johnson
Sent: 06 October 2009 19:00
To: wsg
Subject: Re: [WSG] CSS list-style
On Tue, 6 Oct 2009, Richard Mather wrote:
ul
li class=blackcontent/li
/ul
ul {
color:#380;
list-style-type:disc;
}
ul li.black {
color:#000;
}
--
Chris F.A. Johnson, webmaster http://woodbine-gerrard.com
===
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
RE: [WSG] CSS list-style
On Wed, 7 Oct 2009, michael.brocking...@bt.com wrote:
Chris,
I am not sure what system you tested this on, but it doesn't work on any
system I tried, and indeed it shouldn't: the marker is a part of the LI
not of the UL.
http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
HTML
HEAD
TITLELowercase latin numbering/TITLE
STYLE type=text/css
ol { list-style-type: lower-roman }
/STYLE
/HEAD
BODY
OL
LI This is the first item.
LI This is the second item.
LI This is the third item.
/OL
/BODY
/HTML
-Original Message-
From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org]
On Behalf Of Chris F.A. Johnson
Sent: 06 October 2009 19:00
To: wsg
Subject: Re: [WSG] CSS list-style
On Tue, 6 Oct 2009, Richard Mather wrote:
ul
li class=blackcontent/li
/ul
ul {
color:#380;
list-style-type:disc;
}
ul li.black {
color:#000;
}
--
Chris F.A. Johnson, webmaster http://woodbine-gerrard.com
===
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
RE: [WSG] CSS list-style
Chris F.A. Johnson wrote:
ul
li class=blackcontent/li
/ul
ul {
color:#380;
list-style-type:disc;
}
ul li.black {
color:#000;
}
Then apparently Michael Brockington wrote:
Chris,
I am not sure what system you tested this on, but it doesn't work on
any system I tried, and indeed it shouldn't: the marker is a part of
the LI not of the UL.
I believe the problem with this is that the list-style-type is inherited
(it's fine to place it on the UL/OL), so with that last rule you find
both the text and the bullet are black. IIRC there's no easy way around
this apart from using an image or a span, as you are already aware.
HTH
Mark
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
[WSG] CSS list-style
Hi all,
I'm wondering about colouring bullet points in a ul and wanted to know if
there was a way of having the list-style: a different colour to the text
within the li without having to resort to putting it all within a
spanas per my example:
ul
lispancontent/span/li
/ul
ul {
color:#380;
list-style-type:disc;
}
ul li span {
color:#000;
}
Many thanks
Rich
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
Re: [WSG] CSS list-style
On Tue, 6 Oct 2009, Richard Mather wrote:
Hi all,
I'm wondering about colouring bullet points in a ul and wanted to know if
there was a way of having the list-style: a different colour to the text
within the li without having to resort to putting it all within a
spanas per my example:
ul
lispancontent/span/li
/ul
ul {
color:#380;
list-style-type:disc;
}
ul li span {
color:#000;
}
ul
li class=blackcontent/li
/ul
ul {
color:#380;
list-style-type:disc;
}
ul li.black {
color:#000;
}
--
Chris F.A. Johnson, webmaster http://woodbine-gerrard.com
===
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
RE: [WSG] CSS list-style
Hi Rich,
You can always get rid of the list-style-type and add the disc as an image
in whichever color you want.
I think that on CSS2.1 the disc (or letters or numbers for that matter) will
always be the same color of the list element or as you say, having to add a
span, which is ugly.
Cheers
Raul
_
De: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] En
nombre de Richard Mather
Enviado el: martes, 06 de octubre de 2009 19:48
Para: wsg
Asunto: [WSG] CSS list-style
Hi all,
I'm wondering about colouring bullet points in a ul and wanted to know if
there was a way of having the list-style: a different colour to the text
within the li without having to resort to putting it all within a span
as per my example:
ul
lispancontent/span/li
/ul
ul {
color:#380;
list-style-type:disc;
}
ul li span {
color:#000;
}
Many thanks
Rich
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
