Re: [WSG] (Phillipe) margin problem in Firefox

[Tee G. Peng]

On Jul 19, 2007, at 8:39 PM, Philippe Wittenbergh wrote:



I would use the following structure:


%number John Doe on Jul 7, 11:34 AM
comment here




Ah! this does look a lot better!

Thank you so much!


tee


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

Re: [WSG] (Phillipe) margin problem in Firefox

[Philippe Wittenbergh]

On Jul 20, 2007, at 11:27 AM, Tee G. Peng wrote:


 Phillipe wrote in CSS-D:



It is a bug in Gecko. [1]

Here is your list, simplified.

The top one is wrong, the bottom one is fixed.

li.poster {-moz-float-edge:content-box;}
does all the magic.

(one could argue about the semantics of your list construction,  
but css-d is not the place for that).




For reference, this is the post on CSS-D




OK Phillipe, please tell me what I did in-correctly with this  
construction.


(1) The List not being semantical for the comments markup?


A list is perfectly appropriate for comments - I use it myself.
That was not my point, actually.


[...]

(2) The P inside the LI ?
Added P tag for the comment message because there will be people  
leaving more than one paragraph of texts and I don't want a break  
in between.


(3) The numbering should be placed inside the 'poster' class  
instead of giving its own class?
I think placing the numbering inside the  li.poster class is more  
appropriate, but I don't want to do that because adding a new LI is  
more straight forward and easier to position the mustard box :)
Did it with a guilt but decided to go lenient for myself. Now you  
mentioned it, I feel very bad and uneasy even without hearing what  
you are to say


My problem with using a  just for adding a number to the comment.

I understand what you're trying to do - styling the list number for  
the comment, which, out-of-the-box and with current css specs, is not  
possible. (css3 makers/generated contents would allow many  
possibilities).


I would use the following structure:


%number John Doe on Jul 7, 11:34 AM
comment here



substitute an appropriate level of heading for your needs
float the span, adjust margins to taste

That is about what I do on this now-defunct site :


(and that uses Texpattern behind the scenes).
Philippe
---
Philippe Wittenbergh






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

Re: [WSG] (Phillipe) margin problem in Firefox

[Tee G. Peng]

 Phillipe wrote in CSS-D:



It is a bug in Gecko. [1]

Here is your list, simplified.

The top one is wrong, the bottom one is fixed.

li.poster {-moz-float-edge:content-box;}
does all the magic.

(one could argue about the semantics of your list construction, but  
css-d is not the place for that).




OK Phillipe, please tell me what I did in-correctly with this  
construction.


(1) The List not being semantical for the comments markup?

I have doubt for this myself as I thought DL or even simply P tag is  
more appropriate. Yet 10 blog sites I checked, only one use div class  
with P tag. The rest are OL and LI


(2) The P inside the LI ?
Added P tag for the comment message because there will be people  
leaving more than one paragraph of texts and I don't want a break in  
between.


(3) The numbering should be placed inside the 'poster' class instead  
of giving its own class?
I think placing the numbering inside the  li.poster class is more  
appropriate, but I don't want to do that because adding a new LI is  
more straight forward and easier to position the mustard box :)
Did it with a guilt but decided to go lenient for myself. Now you  
mentioned it, I feel very bad and uneasy even without hearing what  
you are to say.


tee




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