Re: [WSG] list-style: decimal

2006-10-31 Thread Mike at Green-Beast.com
Hello Tee,

Unless I'm missing something, if you want a numbered list 1-15, just use 
ordered list element: ol

ol
  liList item one/li
  liList item two/li
   [...]
  liList item fourteen/li
  liList item fifteen/li
/ol

It'll number the list as you want without having to specify anything.

HTH

Respectfully,
Mike Cherim
http://green-beast.com/




- Original Message - 
From: Tee G. Peng [EMAIL PROTECTED]
To: wsg@webstandardsgroup.org
Sent: Tuesday, October 31, 2006 5:33 PM
Subject: [WSG] list-style: decimal


Hi, I try to use 'list-style: decimal' for the first time.

  The list has some 15 items, at tenth, it goes with '0' and the
following items start from 1, 2, 3... again.

The W3C CSS 2 spec about list style for decimal is vague.
http://www.w3.org/TR/REC-CSS2/generate.html#lists

decimal - Decimal numbers, beginning with 1.

Except from adding the numbers, any other way I can do?

Thanks!

tee


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] list-style: decimal

2006-10-31 Thread Tee G. Peng


On Oct 31, 2006, at 2:58 PM, Mike at Green-Beast.com wrote:


Hello Tee,

Unless I'm missing something, if you want a numbered list 1-15,  
just use

ordered list element: ol

ol
  liList item one/li
  liList item two/li
   [...]
  liList item fourteen/li
  liList item fifteen/li
/ol

It'll number the list as you want without having to specify anything.



Mike,
Thanks so much  I completely forgotten there is OL at my  
disposal. Never use it though.


tee


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] list-style: decimal

2006-10-31 Thread Tee G. Peng


On Oct 31, 2006, at 3:10 PM, Tee G. Peng wrote:



Unless I'm missing something, if you want a numbered list 1-15,  
just use

ordered list element: ol

ol
  liList item one/li
  liList item two/li
   [...]
  liList item fourteen/li
  liList item fifteen/li
/ol



Hmmm, OL gives a 25 pixel default space between number and the  
content. There isn't seemed a way to override it, this is really  
undesirable.


tee 



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] list-style: decimal

2006-10-31 Thread Mike at Green-Beast.com
You're welcome Tee. Glad I could help.

Mike


- Original Message - 
From: Tee G. Peng [EMAIL PROTECTED]
To: wsg@webstandardsgroup.org
Sent: Tuesday, October 31, 2006 6:10 PM
Subject: Re: [WSG] list-style: decimal



On Oct 31, 2006, at 2:58 PM, Mike at Green-Beast.com wrote:

 Hello Tee,

 Unless I'm missing something, if you want a numbered list 1-15,  
 just use
 ordered list element: ol

 ol
   liList item one/li
   liList item two/li
[...]
   liList item fourteen/li
   liList item fifteen/li
 /ol

 It'll number the list as you want without having to specify anything.


Mike,
Thanks so much  I completely forgotten there is OL at my  
disposal. Never use it though.

tee


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



RE: [WSG] list-style: decimal

2006-10-31 Thread Gav....
Hi,

 -Original Message-
 From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED]
 On Behalf Of Tee G. Peng
 Sent: Wednesday, 1 November 2006 6:34 AM
 To: wsg@webstandardsgroup.org
 Subject: [WSG] list-style: decimal
 
 Hi, I try to use 'list-style: decimal' for the first time.

What difference does it make if you used

'list-style-type: decimal' 

Instead.


 
   The list has some 15 items, at tenth, it goes with '0' and the
 following items start from 1, 2, 3... again.
 
 The W3C CSS 2 spec about list style for decimal is vague.
 http://www.w3.org/TR/REC-CSS2/generate.html#lists
 
 decimal - Decimal numbers, beginning with 1.
 
 Except from adding the numbers, any other way I can do?

Try the alternative 'list-style-type: decimal-leading-zero'

Gav...

 
 Thanks!
 
 tee
 
 
 ***
 List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
 Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
 Help: [EMAIL PROTECTED]
 ***
 
 
 
 --
 No virus found in this incoming message.
 Checked by AVG Free Edition.
 Version: 7.1.409 / Virus Database: 268.13.21/509 - Release Date:
 10/31/2006




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] list-style: decimal

2006-10-31 Thread Christian Montoya

On 10/31/06, Tee G. Peng [EMAIL PROTECTED] wrote:



Hmmm, OL gives a 25 pixel default space between number and the
content. There isn't seemed a way to override it, this is really
undesirable.


You should change the margin or padding on the OL or LI, one of those
settings decides the space between the numbers and the text.

--
--
Christian Montoya
christianmontoya.com ... portfolio.christianmontoya.com


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] list-style: decimal

2006-10-31 Thread Tee G. Peng


On Oct 31, 2006, at 3:36 PM, Gav wrote:



What difference does it make if you used

'list-style-type: decimal'

Instead.


Gav, I am glad you asked. So I changed back to UL and added 'list- 
style-type: decimal'  to see if it makes any difference, only did I  
find out the list-style: decimal  does work for increasing number but  
the left margin value causing the problem.


Please see this page here:
http://new.marinersq.com/html/aerobics.html,
You will see the first f digit starts from tenth is missing.  
Depending on what browser your view, you may see part of the number.  
In Safari, it's totally gone; with Gecko based browsers, I can see a  
tiny bit.


What was happening was that I had the left margin  set to 24px with '  
Trebuehet, Arial, san serif and the first digit was missing. With  
Mike's suggestion, I changed to OL, also changed the left margin to  
35px and the font to Georgia so I thought it works.


You can use Firefox Developer tool, edit CSS to change the left  
margin to bigger value to see the effect.


Is this how it works or the margin/padding  values for the floated  
box div causing it?


tee


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] list-style: decimal

2006-10-31 Thread Tee G. Peng




What difference does it make if you used

'list-style-type: decimal'

Instead.


Gav, I am glad you asked. So I changed back to UL and added 'list- 
style-type: decimal'  to see if it makes any difference, only did I  
find out the list-style: decimal  does work for increasing number  
but the left margin value causing the problem.


Please see this page here:
http://new.marinersq.com/html/aerobics.html,
You will see the first f digit starts from tenth is missing.  
Depending on what browser your view, you may see part of the  
number. In Safari, it's totally gone; with Gecko based browsers, I  
can see a tiny bit.


What was happening was that I had the left margin  set to 24px with  
' Trebuehet, Arial, san serif and the first digit was missing.  
With Mike's suggestion, I changed to OL, also changed the left  
margin to 35px and the font to Georgia so I thought it works.


You can use Firefox Developer tool, edit CSS to change the left  
margin to bigger value to see the effect.


Is this how it works or the margin/padding  values for the floated  
box div causing it?


Forgot to say, with OL, it works fine regardless what value I use for  
left margin.


Just checked from IE, IE 6 displays everything but not IE 7

tee


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***