[css-d] three numbers

2007-10-04 Thread Raumin \"Ray\" Dehghan 
Colleagues,

  When you have three separate numbers, such as the three after the "margin"
in the following bracket, can somebody tell me what that means?

{margin:0 10px 10px}

Thanks,
Ray Dehghan
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] three numbers

2007-10-05 Thread Complex 
Using three values to set four margins is a little confusing.

IMO its appropriateness depends on who's going to be working with your
code. If you might be replaced by a lower-level web developer, you
might want to spend several more characters to make your meaning
obvious.

Legal and valid only means we get to discuss it for a dozen posts. :-)

CC

On 10/5/07, Ian Young <[EMAIL PROTECTED]> wrote:
> > To: css-d@lists.css-discuss.org
> > Subject: Re: [css-d] three numbers
> >
> >
> > According to the specifications, giving three values for margin:
> > is perfectly legal and valid.
> >
> > The sequence of messages here illustrate pretty well, that it's a
> > poor idea!
>
> How so?
>
> It is a recognised and neat way writing margin and padding rules.
>
> If it is recommended by the standards folks (link earlier on) who are we to
> argue?
>
> Ian
> IY e-Solutions
> http://www.iyesolutions.co.uk
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] three numbers

2007-10-04 Thread David Dorward 
On 05/10/2007, Raumin Ray Dehghan <[EMAIL PROTECTED]> wrote:
>   When you have three separate numbers, such as the three after the "margin"
> in the following bracket, can somebody tell me what that means?
>
> {margin:0 10px 10px}

body { margin: 1em 2em 3em } /* top=1em, right=2em, bottom=3em, left=2em */
http://www.w3.org/TR/CSS21/box.html#propdef-margin

-- 
David Dorward 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] three numbers

2007-10-04 Thread Elias Abunassar 
On 10/4/07 7:07 PM, "Raumin "Ray" Dehghan" <[EMAIL PROTECTED]> wrote:

> Colleagues,
> 
>   When you have three separate numbers, such as the three after the "margin"
> in the following bracket, can somebody tell me what that means?
> 
> {margin:0 [1] 10px [2] 10px [3] }

I'm pretty sure that when you use 3 shorthand margin values, it applies to:
[1] top
[2] left and right
[3] bottom

Hope this helps Ray.

Cheers,

elias

> Thanks,
> Ray Dehghan
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] three numbers

2007-10-04 Thread Keith DiSarno 
Simple: When listing less than 4 parameters, the CSS 'engine' pulls it from
the other side of the element. Sorta makes everything symmetrical. (But it
always goes [top] [right] [bottom] [left]...does that make it confusing?)

Keith

On 10/4/07, Elias Abunassar <[EMAIL PROTECTED]> wrote:
>
> On 10/4/07 7:07 PM, "Raumin "Ray" Dehghan" <[EMAIL PROTECTED]> wrote:
>
> > Colleagues,
> >
> >   When you have three separate numbers, such as the three after the
> "margin"
> > in the following bracket, can somebody tell me what that means?
> >
> > {margin:0 [1] 10px [2] 10px [3] }
>
> I'm pretty sure that when you use 3 shorthand margin values, it applies
> to:
> [1] top
> [2] left and right
> [3] bottom
>
> Hope this helps Ray.
>
> Cheers,
>
> elias
>
> > Thanks,
> > Ray Dehghan
> > __
> > css-discuss [EMAIL PROTECTED]
> > http://www.css-discuss.org/mailman/listinfo/css-d
> > List wiki/FAQ -- http://css-discuss.incutio.com/
> > List policies -- http://css-discuss.org/policies.html
> > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] three numbers

2007-10-04 Thread Ernie Finlay 
 
{ margin:0;}   Applies to all (top,right,bottom,left, IN THAT ORDER.
 
{margin:0 10px;} The first number applies to the top and bottom.The second 
number applies to the right and left sides.
 
{margin:0 10px 10px;}The first number applies to the top(only) the second 
number applies to the right and left sides.
   The third number applies to the bottom.(only)
 
{margin:5 px 10px  15 px 20px;} Reading left to right: applies to TOP , RIGHT, 
BOTTOM ,LEFT.HAVE FUN :)



> Date: Thu, 4 Oct 2007 18:07:36 -0500> From: [EMAIL PROTECTED]> To: 
> css-d@lists.css-discuss.org> Subject: [css-d] three numbers> > Colleagues,> > 
> When you have three separate numbers, such as the three after the "margin"> 
> in the following bracket, can somebody tell me what that means?> > {margin:0 
> 10px 10px}> > Thanks,> Ray Dehghan> 
> __> 
> css-discuss [EMAIL PROTECTED]> 
> http://www.css-discuss.org/mailman/listinfo/css-d> List wiki/FAQ -- 
> http://css-discuss.incutio.com/> List policies -- 
> http://css-discuss.org/policies.html> Supported by evolt.org -- 
> http://www.evolt.org/help_support_evolt/
_
Climb to the top of the charts!  Play Star Shuffle:  the word scramble 
challenge with star power.
http://club.live.com/star_shuffle.aspx?icid=starshuffle_wlmailtextlink_oct
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] three numbers

2007-10-05 Thread Cat Chen 
[top] [right] [bottom] [left] means clockwise. Not that confusing.

On 10/5/07, Keith DiSarno <[EMAIL PROTECTED]> wrote:
>
> Simple: When listing less than 4 parameters, the CSS 'engine' pulls it
> from
> the other side of the element. Sorta makes everything symmetrical. (But it
> always goes [top] [right] [bottom] [left]...does that make it confusing?)
>
> Keith
>
> On 10/4/07, Elias Abunassar <[EMAIL PROTECTED]> wrote:
> >
> > On 10/4/07 7:07 PM, "Raumin "Ray" Dehghan" <[EMAIL PROTECTED]>
> wrote:
> >
> > > Colleagues,
> > >
> > >   When you have three separate numbers, such as the three after the
> > "margin"
> > > in the following bracket, can somebody tell me what that means?
> > >
> > > {margin:0 [1] 10px [2] 10px [3] }
> >
> > I'm pretty sure that when you use 3 shorthand margin values, it applies
> > to:
> > [1] top
> > [2] left and right
> > [3] bottom
> >
> > Hope this helps Ray.
> >
> > Cheers,
> >
> > elias
> >
> > > Thanks,
> > > Ray Dehghan
> > > __
> > > css-discuss [EMAIL PROTECTED]
> > > http://www.css-discuss.org/mailman/listinfo/css-d
> > > List wiki/FAQ -- http://css-discuss.incutio.com/
> > > List policies -- http://css-discuss.org/policies.html
> > > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
> >
> >
> > __
> > css-discuss [EMAIL PROTECTED]
> > http://www.css-discuss.org/mailman/listinfo/css-d
> > List wiki/FAQ -- http://css-discuss.incutio.com/
> > List policies -- http://css-discuss.org/policies.html
> > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
> >
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



-- 
My blogs:
http://claimID.com/Cat
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] three numbers

2007-10-05 Thread [EMAIL PROTECTED] 
 >>{margin:0 10px 10px;}<<

I'm sorry - it was always my understanding that using this method was 
incorrect.  When I was learning CSS, in the beginning, it was always 
impressed upon me that using "margin:0" was appropriate because it would 
cover all sides.  Using "margin:2px 3px;" was appropriate, because you'd 
be covering left/right and top/bottom.  Using "margin:2px 3px 4px 5px" 
was correct, because it gave each individual side something to work from.

But using "margin:1px 2px 3px" was incorrect.  I can't recall exactly 
*why*, but I always had the impression that it was because it was 
(pardon the term I'm gonna use) half-assed.

If I'm wrong, I'd *love* to know, because it's always been my impression 
that using 3 numbers is never the way to do it.  Like I said, I don't 
recall *where* I picked this up, or why it's wrong to use this method - 
it's been so long ago - but I'm always open to being corrected :)

~Shelly
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] three numbers

2007-10-05 Thread Christian Kirchhoff 
 
Hello,

take a look here, three values are perfectly valid:
http://www.w3.org/TR/1998/REC-CSS2-19980512/box.html#margin-properties

Best regards,

Christian Kirchhoff
Directmedia Publishing GmbH · Möckernstraße 68 · 10965 Berlin
www.digitale-bibliothek.de
AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737
Geschäftsführer: Ralf Szymanski · Erwin Jurschitza

-Ursprüngliche Nachricht-
Von: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] Im Auftrag von [EMAIL PROTECTED]
Gesendet: Freitag, 5. Oktober 2007 16:08
An: css-d@lists.css-discuss.org
Betreff: Re: [css-d] three numbers

 >>{margin:0 10px 10px;}<<

I'm sorry - it was always my understanding that using this method was
incorrect.  When I was learning CSS, in the beginning, it was always
impressed upon me that using "margin:0" was appropriate because it would
cover all sides.  Using "margin:2px 3px;" was appropriate, because you'd be
covering left/right and top/bottom.  Using "margin:2px 3px 4px 5px" 
was correct, because it gave each individual side something to work from.

But using "margin:1px 2px 3px" was incorrect.  I can't recall exactly *why*,
but I always had the impression that it was because it was (pardon the term
I'm gonna use) half-assed.

If I'm wrong, I'd *love* to know, because it's always been my impression
that using 3 numbers is never the way to do it.  Like I said, I don't recall
*where* I picked this up, or why it's wrong to use this method - it's been
so long ago - but I'm always open to being corrected :)

~Shelly
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/ List policies --
http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] three numbers

2007-10-05 Thread Ian Young 
> To: css-d@lists.css-discuss.org
> Subject: Re: [css-d] three numbers
>
>
> According to the specifications, giving three values for margin:
> is perfectly legal and valid.
>
> The sequence of messages here illustrate pretty well, that it's a
> poor idea!

How so?

It is a recognised and neat way writing margin and padding rules.

If it is recommended by the standards folks (link earlier on) who are we to
argue?

Ian
IY e-Solutions
http://www.iyesolutions.co.uk

No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.488 / Virus Database: 269.14.1/1050 - Release Date: 04/10/2007
17:03

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] three numbers

2007-10-05 Thread bruce . somers 
According to the specifications, giving three values for margin: is perfectly 
legal and valid.

The sequence of messages here illustrate pretty well, that it's a poor idea!


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] three numbers

2007-10-05 Thread [EMAIL PROTECTED] 
Thanks Christian!

And all these years, I've been making extra work for myself. (Okay, a 
few extra characters, really - but still.  Every little shortcut helps!)

~Shelly
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] three numbers

2007-10-05 Thread bruce . somers 
> > According to the specifications, giving three values for margin:
> > is perfectly legal and valid.
> >
> > The sequence of messages here illustrate pretty well, that it's a
> > poor idea!
> 
> How so?
> 
> It is a recognised and neat way writing margin and padding rules.
> 
> If it is recommended by the standards folks (link earlier on) who are we to
> argue?
> 

> Ian

Neat? OK - if you think so. It saves about 5 characters and confuses everyone 
in town, often including those who typed it originally. 

It's not recommended - it is merely recognised or accepted. 

It is not necessary to make use of each and every poor idea.

Bruce







__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] three numbers

2007-10-05 Thread Ian Young 

 Subject: Re: [css-d] three numbers
>
>
> > > According to the specifications, giving three values for margin:
> > > is perfectly legal and valid.
> > >
> > > The sequence of messages here illustrate pretty well, that it's a
> > > poor idea!
> >
> > How so?
> >
> > It is a recognised and neat way writing margin and padding rules.
> >
> > If it is recommended by the standards folks (link earlier on)
> who are we to
> > argue?
> >
>
> > Ian
>
> Neat? OK - if you think so. It saves about 5 characters and
> confuses everyone in town, often including those who typed it originally.
>
> It's not recommended - it is merely recognised or accepted.
>
> It is not necessary to make use of each and every poor idea.
>
> Bruce

Bruce,

Just cos, you say it is a poor idea, doesn't make it so.

However, no one is making you use it. If you don't like it so be it.

I have to say I think it is rather elegant and there is a neat logic to it.

I use CSS that I feel comfortable with and this has evolved over the years
as I become more knowledgeable (long way to go yet).

But hey, why we getting heated over something that is optional anyway. If it
works for you (and it does for me) then why gripe.

Have a good weekend.

Cheers

Ian
IY e-Solutions
http://www.iyesolutions.co.uk

No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.488 / Virus Database: 269.14.1/1050 - Release Date: 04/10/2007
17:03

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] three numbers

2007-10-05 Thread Rafael 
I don't quite get why this thread degenerated on this. This is just 
syntax, there are alternatives, and it's already a standard (i.e. it 
won't change), so what's the point?

If you ask me, I don't know the reasoning behind this order, they 
could as well use the common (x, y) way, but this may just be the same 
case as with UTC (ever looked what it stands for? [1]).

Maybe we should stop this thread, it goes nowhere ---and sorry for 
contributing myself.

[1] http://en.wikipedia.org/wiki/Utc

[EMAIL PROTECTED] wrote:
>>> According to the specifications, giving three values for margin:
>>> is perfectly legal and valid.
>>>
>>> The sequence of messages here illustrate pretty well, that it's a
>>> poor idea!
>>>   
>> How so?
>>
>> It is a recognised and neat way writing margin and padding rules.
>>
>> If it is recommended by the standards folks (link earlier on) who are we to
>> argue?
>>
>> 
>
>   
>> Ian
>> 
>
> Neat? OK - if you think so. It saves about 5 characters and confuses everyone 
> in town, often including those who typed it originally. 
>
> It's not recommended - it is merely recognised or accepted. 
>
> It is not necessary to make use of each and every poor idea.
>
> Bruce
>
>
>
>
>
>
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
>   
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/