473,382 Members | 1,147 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,382 software developers and data experts.

Margin, padding, border, shorthand values order?

I'm a beginning student of CSS and the shorthand order for margins, etc.
raised an eyebrow.

The clockwise order is what bothers me:

p.margin {margin: [TOP]cm [right]cm [BOTTOM]cm [left]cm}
I think the order should be:

p.margin {margin: [TOP]cm [left]cm [right]cm [BOTTOMcm}
As an experienced code-based typesetter, when defining a paragraph style
we always took a top down approach and defined the space above, then we
concerned ourselves with the left and right indents and finally the space
below.

Could someone explain why the top/clockwise order was adopted? It doesn't
make sense to me.

Could this be changed or discussed further?

Andy Burns
Typographer

--
"Ladies and gentlemen, The Beatles!"
- Ed Sullivan (1964)
Jul 21 '05 #1
9 12863
Andy <aj*@comcast.net> wrote:
Could someone explain why the top/clockwise order was adopted? It doesn't
make sense to me.
Get used to it, use the verbose notation if the shorthand confuses you.
Could this be changed


Just to satisfy your arbitrary typographic convention, thereby breaking
all existing coding?

--
Spartanicus
Jul 21 '05 #2
On Sat, 19 Feb 2005 09:52:36 -0600, Andy <aj*@comcast.net> wrote:

[...]
The clockwise order is what bothers me:

p.margin {margin: [TOP]cm [right]cm [BOTTOM]cm [left]cm}
I think the order should be:
p.margin {margin: [TOP]cm [left]cm [right]cm [BOTTOMcm}
You are too late; you should have been in the discussions that took
place early to mid 1990'ies for your input to have had a possible
effect.

CSS1 was "written in stone" (i.e. became a W3 recommendation) in 1996,
implementations slowly started to grow and the clockwise definition is
in effect since then.
As an experienced code-based typesetter, when defining a paragraph style
we always took a top down approach...
Well, it's just another way to set up a box definition, no big deal.
Could someone explain why the top/clockwise order was adopted?
I'm pretty sure that there is a line of reasoning stored somewhere in
the old CSS discussion archives, but I have never seen it.
Still since I know that they were not all "dummies" that came up with
the CSS1 spec I take it that they had a solid reason to do what they
did.
Could this be changed...
No; not without convincing all of the following to change...
Microsoft,
the Mozilla org,
Opera Software,
every other CSS browser producer,
every web author that already have pages on the www that works according
to current CSS recommendations.
or discussed further?


Ad nauseum if you like, it still will not change.

--
Rex
Jul 21 '05 #3
Spartanicus <me@privacy.net> wrote in
news:n0********************************@news.spart anicus.utvinternet.ie:
Andy <aj*@comcast.net> wrote:
Could someone explain why the top/clockwise order was adopted? It
doesn't make sense to me.


Get used to it, use the verbose notation if the shorthand confuses
you.


That didn't answer the question.

Could this be changed


Just to satisfy your arbitrary typographic convention, thereby
breaking all existing coding?


That didn't answer the question either.

They could add an extra descriptors: "margina" (etc.) that would parse
the values T-L-R-B. So css composers could use whichever version they
liked. No code breaks and I'd be happy! ;)

I wish I'd been able to contribute to the shorthand proposal back when it
was being implemented. A little late to the party as usual.

Regards,

Andy Burns
Typographer

--
"Ladies and gentlemen, The Beatles!"
- Ed Sullivan (1964)
Jul 21 '05 #4
Jan Roland Eriksson <jr****@newsguy.com> wrote in
news:0m********************************@4ax.com:
On Sat, 19 Feb 2005 09:52:36 -0600, Andy <aj*@comcast.net> wrote:

[...]
The clockwise order is what bothers me:

p.margin {margin: [TOP]cm [right]cm [BOTTOM]cm [left]cm}
I think the order should be:
p.margin {margin: [TOP]cm [left]cm [right]cm [BOTTOMcm}
You are too late; you should have been in the discussions that took
place early to mid 1990'ies for your input to have had a possible
effect.

CSS1 was "written in stone" (i.e. became a W3 recommendation) in 1996,
implementations slowly started to grow and the clockwise definition is
in effect since then.
As an experienced code-based typesetter, when defining a paragraph stylewe always took a top down approach...


Well, it's just another way to set up a box definition, no big deal.
Could someone explain why the top/clockwise order was adopted?


I'm pretty sure that there is a line of reasoning stored somewhere in
the old CSS discussion archives, but I have never seen it.
Still since I know that they were not all "dummies" that came up with
the CSS1 spec I take it that they had a solid reason to do what they
did.
Could this be changed...


No; not without convincing all of the following to change...
Microsoft,
the Mozilla org,
Opera Software,
every other CSS browser producer,
every web author that already have pages on the www that works

according to current CSS recommendations.
or discussed further?


Ad nauseum if you like, it still will not change.


Jan,

Thanks for the excellent reply.

I'm very interested in css. I should've taken notice sooner as you
pointed out.

Regards,

Andy Burns

--
"Ladies and gentlemen, The Beatles!"
- Ed Sullivan (1964)
Jul 21 '05 #5
Andy <aj*@comcast.net> wrote in
news:Xn*****************************@216.196.97.13 6:
Jan Roland Eriksson <jr****@newsguy.com> wrote in
news:0m********************************@4ax.com:
On Sat, 19 Feb 2005 09:52:36 -0600, Andy <aj*@comcast.net> wrote:

[...]
The clockwise order is what bothers me:

p.margin {margin: [TOP]cm [right]cm [BOTTOM]cm [left]cm}
I think the order should be:
p.margin {margin: [TOP]cm [left]cm [right]cm [BOTTOMcm}


No idea if this has anything to do with how the spec was
arrived at, but the order of Top/Right/Bottom/Left makes
a lot of sense if you think of using a pencil to draw
a "box"(i.e. a rectangle). Start with the pencil on the paper.
Draw the "top of the box". Many(most?) people will draw
a line from left to right. Now keep drawing the other sides.
Many(most?) people will draw the top, right, bottom, and
then left sides.

--
Dave Patton
Canadian Coordinator, Degree Confluence Project
http://www.confluence.org/
My website: http://members.shaw.ca/davepatton/
Jul 21 '05 #6
Dave Patton <sp**@trap.invalid> wrote in
news:Xn*********************************@24.71.223 .159:
No idea if this has anything to do with how the spec was
arrived at, but the order of Top/Right/Bottom/Left makes
a lot of sense if you think of using a pencil to draw
a "box"(i.e. a rectangle). Start with the pencil on the paper.
Draw the "top of the box". Many(most?) people will draw
a line from left to right. Now keep drawing the other sides.
Many(most?) people will draw the top, right, bottom, and
then left sides.


Dave,

That's plausible.

Which seems more logical?

A: [T [R B] L]
B: [T [L R] B]

Regards,

Andy

--
"Ladies and gentlemen, The Beatles!"
- Ed Sullivan (1964)
Jul 21 '05 #7
On Sat, 19 Feb 2005 18:22:04 -0600, Andy <no***@nowhere.com> wrote:

[...]
Which seems more logical?
A: [T [R B] L]
B: [T [L R] B]


Doesn't matter to me. I worked in a lead print shop in the very early
1970'ies and I can't recall that we had any kind of preferences in how
to setup and divide a print frame into logical parts.

You're too computer fixated (QuarkXPress by any chance? :-)

--
Rex
Jul 21 '05 #8
Jan Roland Eriksson <jr****@newsguy.com> wrote in
news:hv********************************@4ax.com:
On Sat, 19 Feb 2005 18:22:04 -0600, Andy <no***@nowhere.com> wrote:

[...]
Which seems more logical?
A: [T [R B] L]
B: [T [L R] B]
Doesn't matter to me. I worked in a lead print shop in the very early
1970'ies and I can't recall that we had any kind of preferences in how
to setup and divide a print frame into logical parts.

Jan,

It doesn't matter because you can't recall?

In a chase you either placed furniture in a [T [L R] B] or [L [T B] R]
fashion then locked it up.

You're too computer fixated (QuarkXPress by any chance? :-)


Since you asked, Adobe PostScript, 1985.

Andy Burns
Jul 21 '05 #9
Andy wrote:

Which seems more logical?

A: [T [R B] L]
B: [T [L R] B]


I think that each makes sense but that B only makes sense in a context
that's inapplicable here: a written page where writing starts at the
top, and runs from left to right on each line. A makes sense and is easy
to remember as well. So what difference does it make? They had to choose
an order and they chose one.
Jul 21 '05 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

33
by: Thomas Mlynarczyk | last post by:
Hi, I'm looking for a way to put a 1px solid border around the image in this link: <a href="some.html"><img src="some.gif"></a> Well, that, by itself, is simple. However, I would like to have a...
0
by: Andreas Emmert | last post by:
Hi NG, I have a submit button on my form with the class "button", i.e. <input type=button class=button value=XXXX> The class is currently defined as ..button {
4
by: Harlan Messinger | last post by:
What is *supposed* to be the way to specify the horizontal offset of (a) the list item's marker and (b) the list item's content? In particular, see ...
1
by: Trent L | last post by:
Hello, I'm having a problem where a style for a <a> tag isn't working in IE: border : 1px solid red; If you use my code below, you'll see what I mean. In IE6 on WinXP, I'm not seeing a red...
2
by: Daniel Molina Wegener | last post by:
Hello, How can I pad integral values on double variables with printf. I know that %.nf or %.ng sets the precision. But I want to pad the integral value with zeroes, like 001.023 or 032.012. ...
10
by: Alan Silver | last post by:
Hello, In my (seemingly) endless quest to understand CSS, I have yet another problem. Please look at http://www.kidsinaction.org.uk/ph/x.html in Opera, where you will see it how I expected. If...
16
by: FuzzyLogik | last post by:
By width, I don't mean weight. I have a row of <li>'s, with a bottom-border. I want the bottom-border to only go 90% of the <li> (centered) Is there any way to do this? I have it in this...
7
by: GTalbot | last post by:
Hello fellow authoring.stylesheets colleagues, Can someone please explain why the bottom margin of the last inflow block-level child in an overflowed parent should not have its margin reachable....
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...
0
by: ryjfgjl | last post by:
In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.